炫丽的倒计时效果Canvas绘图与动画基础_技术问答

首页免费课炫丽的倒计时效果Canvas绘图与动画基础问答

炫丽的倒计时效果Canvas绘图与动画基础

                
                liuyubobobo
            全栈工程师

                    查看讲师更多课程 
                    liuyubobobo讲师的其他课程
                
算法与数据结构（C++版） 面试/评级的算法复习技能包
实战·初级·11190

                                                                                                                                    ￥166.00
                                            
玩转算法面试-- Leetcode真题分门别类讲解
实战·初级·7415

                                                                                                                                    ￥266.00
                                            
 7个经典应用诠释Java算法精髓
实战·初级·1888

                                                                                                                                    ￥69.00
                                            
Python3入门机器学习&nbsp;经典算法与应用&nbsp;&nbsp;
实战·中级·5850

                                                                                                                                    ￥499.00
                                            
结合编程学数学 专为程序员设计的线性代数
实战·初级·3406

                                                                                                                                    ￥348.00
                                            
玩转算法系列--图论精讲（Java版）
实战·中级·1594

                                                                                                                                    ￥348.00
                                            
                难度中级
            
                时长 1小时30分
            
                学习人数
            
综合评分9.70
                            349人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

慕斯9302844

这老师声音挺好听

1 1-1 欢迎进入Canvas的世界！

2017-09-24

自己敲的源码，增加了闪烁的效果

+ 我来回答回答最高可+2积分

3 回答 1562 浏览 1-1 欢迎进入Canvas的世界！

2017-09-24

荒唐10

老师的命名我的服的

1 4-1 一个实现动画的基础函数

2017-09-23

慕码人0947380

谢谢老师，学到了很多

0 5-7 总结

2017-09-23

慕码人0947380

var cnt = 0
for(var i = 0; i < balls.length; i++) {
if(balls[i].x + RADIUS < WINDOW_WIDTH && balls[i].x - RADIUS > 0 ) {
balls[cnt++] = balls[i]
}
}
while (balls.length > cnt) {
balls.pop()
}
画布原点在左上角
老师算右边缘时，应该是小于画布宽度，
算左边缘要大于零
我试了下length在200-300之间，
照老师写的动画没了，可能其他地方不一样

2 5-1 性能优化

2017-09-23

荒唐10

老师代码不写分号看得我很难受

3 2-2 绘制直线、多边形和七巧板

2017-09-22

balls[cnt++] = balls[i]这个技巧有其他方式代替吗？

最赞回答 / 唐叶

function updateBalls () {
    for (let i = 0; i >h balls.length; i++) {
        balls[i].x += balls[i].vx;
        balls[i].y += balls[i].vy;
        balls[i].vy += balls[i].g;

        if (ball...

3 回答 1144 浏览 5-1 性能优化

2017-09-22

各位大佬我哪里写错了，七巧板怎么只出来4块？

最新回答 / 慕丝0963956

解决了，郁闷。。

1 回答 938 浏览 2-2 绘制直线、多边形和七巧板

2017-09-21

画图没线

已采纳回答 / 熊猫阿宝

id"canvas"没等号contsxt.strokeStyle="#005588"单词拼错了

1 回答 1165 浏览 2-1 创建canvas

2017-09-21

慕莱坞5889950

真心佩服老师讲的太好了~

1 3-2 倒计时数字钟的具体绘制

2017-09-21

慕莱坞5889950

这个不得不赞，这是我见到最霸气的开场白了，感谢老师，马上燃起了我的学习欲望！

2 1-1 欢迎进入Canvas的世界！

2017-09-20

允许下载的代码报错

+ 我来回答回答最高可+2积分

2 回答 1173 浏览 3-1 倒计时程序的基本架构

2017-09-20

风雪千树

落地后判断一下vy（下落速度），如果过小的话直接等于就好了

1 4-3 华丽的小球滚动效果

2017-09-20

qq_凉城空巷_4

讲的真好...

0 2-2 绘制直线、多边形和七巧板

2017-09-20

王王王正中

假设屏幕中有5个小球①②③④⑤，第五个小球在屏幕内，故有
→ balls[0]=balls[4]
现在的小球为⑤②③④⑤
pop()执行结束后，只会剩⑤第一个⑤小球。
因此balls[cnt++]=ball[i]是将所有在屏幕内的小球移到前面，并且把所有不在屏幕内的小球（cnt后面的数组元素）全部删除。

2 5-1 性能优化

2017-09-19

慕粉1474172870

我要学我要学

1 1-1 欢迎进入Canvas的世界！

2017-09-19

首页上一页 19 20 21 22 23 24 25 下一页尾页

开始学习

课程须知: 1.要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解；3.掌握一定的JS基础知识

老师告诉你能学到什么？: 通过学习Cancas倒计时效果的基础知识：比如球形的绘制，动画的基础原理，让Canvas帮助我们制作出绚丽的效果，力图每一个课程除了介绍知识，还能帮助大家使用Canvas制作出属于自己的动画和游戏作品。

微信扫码，参与3人拼团

热搜

最近搜索清空