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

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

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

                
                liuyubobobo
            全栈工程师

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

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

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

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

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

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

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

全部评论问答未解决精华

DaringLin

好酷的老师哈哈哈哈

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

2016-09-02

老师好，你用的是什么开发工具呢？？？？？

最新回答 / qq_秋忆_0

WebStorm

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

2016-09-01

求解决困惑1111111

最赞回答 / SummerWang3150009

问题出在draw函数里面把for(var i=0;i<piece.length;i++)改成for(var i=1;i<piece.p.length;i++) 就可以了你要清楚这个循环循环的是 tangram数组里key值p的value

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

2016-09-01

LenGxy

确实用splice快很多，反正splice之后数组的index也会重新排

0 5-1 性能优化

2016-08-31

LenGxy

var g_temp = balls[i].g;
if(balls[i].vy>=-2&&balls[i].vy<=2){
g_temp = 0;
balls[i].vy=0;
}
balls[i].vy+=g_temp;

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

2016-08-31

LenGxy

小球低幅度跳动的原因是g。所以更改vg的时候在一定条件下不是vy+=g，而是：var g_temp = balls[i].g;if (balls[i].y>=WINDOW_HEIGHT-RADIUS) {balls[i].y=WINDOW_HEIGHT-RADIUS; balls[i].vy = -balls[i].vy*0.65;if(balls[i].vy>=-2&&balls[i].vy<=2){ g_temp = 0;balls[i].vy=0; }}balls[i].vy+=g_temp;
}

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

2016-08-31

LenGxy

小球低幅度跳，判断一定速度内让它速度为0就好了
if (balls[i].y>=WINDOW_HEIGHT-RADIUS) {
balls[i].y=WINDOW_HEIGHT-RADIUS;
balls[i].vy = -balls[i].vy*0.75;
if(balls[i].vy>=-6&&balls[i].vy<=6){
balls[i].vy=0;
}
}

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

2016-08-31

我的学习123

老师，您给的方法不支持canvas的浏览器没有反应啊

0 2-1 创建canvas

2016-08-31

猫耳

总之还是习惯于for（）{}，然后每一个后面跟分号，要不然有些时候会报错还会影响效果。

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

2016-08-30

跳舞的设计C_0

for(var i = 0 ;i < tangram.length;i ++) 我的错误是老师里面这段代码点看不清楚我直接敲了空格其实有点加上点代码和老师一模一样效果就出来了

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

2016-08-30

慕粉1569

js 的定时器啊啊啊

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

2016-08-29

慕粉1569

数学好的 js又有基础，真是福音啊哈哈哈！跟不上吧！后面还有各种三角函数啊嗷！！！跟canvas相见恨晚啊

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

2016-08-29

慕粉1569

吸收起来毫无压力，太简单了继续吸收

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

2016-08-29

qq_西米露_03817471

好难，学不会555

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

2016-08-27

tyc1

@qq_明夕何夕_0,因为老师代码里下面那个for循环写错了，for循环只到cxt.lineTo(piece.p[i].x,piece.p[i].y) }因为到这里结束

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

2016-08-27

closePath的规范写法

已采纳回答 / 刘小骏

在使用 fill() 的时候不需要写 closePath() ，fill()的结果会自动让图形封闭，这点跟 closePath() 的效果一样，而不是代表绘制结束，不用跟 beginPath()成对出现，他俩的用法跟名字中的 begin、close 代表的意思不一样，你可以看下 canvas 的 api，再自己试试就知道了

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

2016-08-27

首页上一页 59 60 61 62 63 64 65 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空