课程
/前端开发
/Html5
/炫丽的倒计时效果Canvas绘图与动画基础
程序执行起来有跳帧的感觉
2017-03-11
源自:炫丽的倒计时效果Canvas绘图与动画基础 4-2
正在回答
你可以把定时器里面的时间设置的短一点 一般1000毫秒30帧人眼就看起来很连贯了,你可以把定时器里面的时间设置为30 或者20;帧数只要够多 就算一帧移动1000个像素你也看起来很连贯的
我感觉是距离跨度大,y轴球运动跨度大的过。
假设球的初始位置是0,0 ,暂不考虑x轴方向。其加速度a = 2, y轴初始速度vy = 0;
根据公式s = vy*t+1/2at^2
则 10个50秒后 所在位置 (0,100), 再过1个50秒后的位置是(0, 121),注意,这里的时间是setinterval执行匿名函数的次数。
由此可以看出从第10次执行时小球的位置与第11次执行时小球的位置相差21个像素(是不是以像素计量我不清楚),这个距离比较大,就相当于给人一种小球直接跳跃的感觉,也就造成了跳帧的感觉。
我分析得对不对以及具体怎么解决,还希望老师出来说一下。
刷新的时间与数字变化的时间不一致
edgex
举报
学习HTML5中最激动人心的技术Canvas,彻底释放自己的创造力
1 回答我就想知道为啥我的球跳着跳着就跳出去了
1 回答感觉代码没错啊 ,为何只是显示边框,没有画出内容???
4 回答为什么canvas画布不显示呢,感觉JS代码没有起作用是怎么回事
3 回答为啥我的cvs.clearRect(0,0,w,h)没有生效
1 回答为啥 digit[num]为定义的