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

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

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

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

慕粉3317607

通俗易懂，讲的很好。

0 5-7 总结

2017-07-11

时间上的问题

最新回答 / Hou_

setInerval第一次运行（先render函数然后update函数这时里面next 和cur的时间都是一样假设都是3秒也就倒数时间还剩3秒） 50毫秒刷新一次还是不会变 1000毫秒（1秒）后再运行render 然后 update 这时update里面next获取了一个新的时间就是2秒和原来的cur不等于是就将新的剩余时间赋值给cur 下次再执行render函数的时候画布的时间就会变了就这样一次次循环倒数下去了

1 回答 998 浏览 4-1 一个实现动画的基础函数

2017-07-09

Thxcud

撒花,谢谢老师

0 5-7 总结

2017-07-06

杜发明

仔细看点阵的1就是绘制的那个数字图形

2 3-1 倒计时程序的基本架构

2017-07-04

杜发明

猛的一批，在这个用户体验的新时代中，canvas绝对无意是主流了。

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

2017-07-04

这是什么数组啊，也不是二维数组

最新回答 / 前端小蜗牛_

js的数组可以保存任意类型的数据。。

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

2017-07-02

几核

自己跟着老师打，实现的时间效果，预览地址：https://kuro-p.github.io/Electronic-watch/main.html

0 5-5 修改为炫丽的时钟效果

2017-07-02

Scrat_kong

https://github.com/Mrk2016w/Canvas-doges-candy-clock
基于课程源码予以修改，小球两侧回弹，整合了时钟和计时器，能根据输入时间来进行倒计时，一起交流学习~

0 5-4 计时器效果

2017-07-02

weijuanran

老师厉害啊，开场惊艳到我了~666~~~

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

2017-07-02

joseyD

用webstorm的来举个手

8 2-1 创建canvas

2017-07-01

joseyD

今天争取把老师的课全学完

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

2017-07-01

几核

写完不出现小球，可以试下
var aball = {
x : Number(margin_left+x+(2*j+1)*(radius+1)),
y : Number(margin_top+y+(2*i+1)*(radius+1)),
vx : Number(4*Math.pow(-1,parseInt(1000*Math.random()))),
vy : -10,
g : Number(2+3*Math.random().toFixed(1)),
color : colors[Math.floor((colors.length)*Math.random())]
};

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

2017-06-22

几核

自己按照热评用splice写，不可以，遍历出错，因为改变了的数组长度，
下面是自己想到的一个方法，试了可以

/*判定小球是否在界内，如果在界内则保存在数组cnt里*/
var cnt = [];
for(var j=0;j<balls.length;j++){
if(balls[j].x+radius>0 && balls[j].x-radius<canvas.width){
cnt.push(balls[j]);
}
}
balls = cnt;

1 5-1 性能优化

2017-06-22

Roy2016

哈哈哈，我也在new Date().getTime()上面翻了车！！
得到的数字是相对于1970年的，自然在update()中找不到digit对应的值。
而直接通过new Date().getHours() + ... + ... 这样获取的实际上是之多一天走过的秒数，自然是正确的

1 5-5 修改为炫丽的时钟效果

2017-06-22

胡蝶forever

好炫的开场！

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

2017-06-21

首页上一页 25 26 27 28 29 30 31 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空