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

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

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

                
                liuyubobobo
            全栈工程师

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

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

                                                                                                                                    ￥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
                                逻辑清晰

全部评论问答未解决精华

慕仰8656565

我发现可以直接balls = balls.filter(item => item.x > 0 && item.x < width)一句话就实现性能优化

1 5-1 性能优化

2019-01-06

祥哥的说

将滚出画布的小球进行删除处理,使用filter过滤函数方便些，可以边遍历边处理，课程上的是先遍历一边将符合要求的小球和不符合要求的小球以cnt进行分割，然后在遍历一边，逐项删除数组的尾部，使用filter简单易懂。
balls=balls.filter((item)=>{
return item.x+RADIUS>0 && item.x - RADIUS < WINDOW_WIDTH;
});

0 5-1 性能优化

2018-12-22

我按老师的代码写下来，咋没效果呢？显示这个鬼样子

最新回答 / 柯kk

这个是因为你的时间没有设置对，倒计时结束了，所以出现上面的问题<...图片...>

2 回答 1076 浏览 5-1 性能优化

2018-12-21

canvas 绘制倒计时，切换网页时候小球数目一直增加，应该是出在了setInterval上了

最新回答 / qudawei

可以控制一下canvas上的小球数量，当小球数量达到一定值时就不画了。当切到其他页面小球不动这个是浏览器的机制。

1 回答 1057 浏览 5-1 性能优化

2018-12-13

qudawei

优化的不管用啊，小球数目仍然一直增加

0 5-1 性能优化

2018-12-13

数学不好，108怎么算出来的？

最新回答 / qq_唯恐动辄得咎_04292342

93 + 7 * 2 + 1 = 108;93 是最后一个秒钟个位数字的起始 x 位置；7 * 2 + 1 是最后一个秒针个位数字所占空间；

1 回答 1128 浏览 5-2 屏幕自适应

2018-11-29

这是一只小ant

我的效果完全不一样, 能量损耗不能简单的以摩擦系数进行衰减, 否则后面就是小球的闪烁效果了..

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

2018-11-23

为何无法显示出直线？

已采纳回答 / qq_守护_29

document.getElementById('canvas')

你多写了个s

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

2018-11-19

流浪猫yy

老师太厉害了！支持老师的课程！

0 5-8 综合介绍

2018-11-18

显示不正确，请问哪里有问题？

最新回答 / qq_幸福落雨_0

cxt.arc(x + j * 2*(RADIUS + 1) + (RADIUS + 1), y + i * 2*(RADIUS + 1) + (RADIUS + 1), RADIUS, 0, 2 * Math.PI);你把y + i * 2*(RADIUS + 1) 里面的i写成j是错的，纠正一下，把这里的j改成i

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

2018-11-14