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

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

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

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

慕用9780473

const endTime = new Date("2016/1/28,12:45:45");月份这样设置不会出错

12 3-3 倒计时的时间计算

2016-01-26

fengyang

倒计时效果：http://pan.baidu.com/s/1qX7m5RY

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

2016-01-26

慕神4975613

真后悔今天才看。。早看了多好省了好多弯路

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

2016-01-25

德玛之力

感觉好高大上，迫不及待想学，嘿嘿！

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

2016-01-25

恋上天空的驴

吊炸天！前面的说辞确实有点高大上！！

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

2016-01-24

小鸡三号

对于小球碰撞地面后垂直方向不能停止，我用了这样的代码，能最后垂直方向停止，可以参考一下，但是还有一点缺陷，结束的时候弹的不够自然，希望有人给指正一下。
if(balls[i].y >= WINDOW_HEIGHT - RADIUS){
balls[i].y = WINDOW_HEIGHT - RADIUS;
balls[i].vy = -balls[i].vy * 0.5;
balls[i].g += 0.1;
if(balls[i].g>=3)
balls[i].vy = 0;

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

2016-01-23

小鸡三号

color:colors[Math.ceil(Math.random()*colors.length)]

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

2016-01-23

阿sheng

全部看完喽，讲的真精彩！

0 5-8 综合介绍

2016-01-22

阿sheng

讲解太酷炫了，学到了。

0 5-4 计时器效果

2016-01-22

小鸡三号

分钟那里的代码错了，应该改成
var minutes = parseInt((curShowTimeSeconds - hours*3600 )/ 60);

2 3-3 倒计时的时间计算

2016-01-22

qq_姑苏城外寒山寺_0

老师讲的太好了，条理很清楚，容易接受，点个赞！

0 5-8 综合介绍

2016-01-22

pop()删除的最后的按道理不是最新的吗？

最赞回答 / rem_supa

if (balls[i].x>canvas.width||balls[i].x<-raidus) { balls.splice(i,1) };我这样写变成了200多个老师那种方式没理解到

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

2016-01-22

rem_supa

http://www.junfanya.com/canvas/canvas_clock.html

1 5-1 性能优化

2016-01-21

canvas精灵

最新回答 / 阿sheng

精灵应该不是一个具体的东西，不同游戏，精灵设计应该不相同

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

2016-01-21

qq_图样pang_0

我把时钟改成我女朋友的名字了，小球换成了小心嘿嘿已经做好，但是她竟然没有多大的反应。。。失败

106 5-3 改进成时间管理小工具

2016-01-21

巷南丶

屏幕自适应的问题
WINDOW_WIDTH = document.body.clientWidth;
WINDOW_HEIGHT = document.body.clientHeight;
设置了之后程序在网页上就不显示了查了一下document.body是旧版浏览器标准
改成WINDOW_WIDTH = document.documentElement.clientWidth;
WINDOW_HEIGHT = document.documentElement.clientHeight;之后就可以显示了

2016-01-20

首页上一页 97 98 99 100 101 102 103 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空