炫丽的倒计时效果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
                                逻辑清晰

全部评论问答未解决精华

冰吻啊

帅气的开场，这个我喜欢，有了高涨的学习欲了

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

2017-12-09

关于圆心的问题

最新回答 / qq_孤单求陪同_0

这个x，y,num是addBalls函数所接收的参数，如果你设置这个参数为别的你也可以不用x,y,num用别的变量名。

1 回答 1220 浏览 3-2 倒计时数字钟的具体绘制

2017-12-08

慕粉2229591985

666非常嗨

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

2017-12-07

XvJX

按照老师做的，超出最大值时删除的小球是新生成的而不是即将要离开屏幕的小球。为了不会造成在数字炸裂时只生成一两个小球的尴尬情况，我修改成了以下代码：
var MAX_BALLS = 300;
while (balls.length > cnt) {
balls.pop();
}
if (cnt > MAX_BALLS) {
var temp = [];
for (var i = cnt - MAX_BALLS; i < cnt; i++) {
temp.push(balls[i]);
}
balls = temp;
}

1 5-1 性能优化

2017-12-01

画直线部分有完整代码么

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

0 回答 850 浏览

2017-11-29

qq_筠_1

老师讲的真好！赞一个

0 5-8 综合介绍

2017-11-29

LittleBocchi

canvas绘图详解课程的内容与《HTML5秘籍》所涉及的内容差不多

0 5-8 综合介绍

2017-11-28

testname

卧槽，帅的一批

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

2017-11-23

罗茂琛

跟着做完了有需要的同学可以看下参照评论给的回答修改了一下实现失焦一段时间不会导致小球堆在一起。没有修改的可以试着把窗口缩下来一段时间就会发现这个问题。

这是 github 修改的代码在readme里有兴趣可以看看
https://github.com/luomaochen/colorball-timeclock

1 5-7 总结

2017-11-21

一堆小球出现

最赞回答 / qq_人在何方df_0

<...code...>

1 回答 1059 浏览 5-5 修改为炫丽的时钟效果

2017-11-21

radius不是8吗？为什么7呢？

最新回答 / realwds

那个7是digit.js里数字对应的列数

1 回答 1094 浏览 3-2 倒计时数字钟的具体绘制

2017-11-21

qq_无根草_0

好强大啊，马上学

0 5-8 综合介绍

2017-11-16

慕函数5127544

发现就算用来Math.min(300,cnt)也无济于事，把页面刷新一下，马上缩减页面，过一会后打开还是会有堆积，只不过堆积的小球数不会超过300个而已；在画布内的小球数快要达到300时，会减少小球绘制数量，比如balls.length==298 那么新绘制的小球数则为2，按照你们的效果来说就是，新弹出来的小球只有两个。

1 5-1 性能优化

2017-11-16

关于小球无限弹跳

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

5 回答 1847 浏览 4-2 使用canvas做个物理实验

2017-11-15

慕函数5127544

最后一个案例，不是填充之后不是colsePath会帮你自动闭合路径，而是因为老师这里填充的颜色与边框相同，且边框的宽度较小，所以看起来和自动闭合没有区别。锯齿的出现是因为边框宽度较大而造成的，因为填充颜色时并不会填充到边框，导致首位有一部分边框‘出头’了。

4 2-3 绘制弧和圆

2017-11-15

首页上一页 15 16 17 18 19 20 21 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空