                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

更改画布高度弹起出现问题

有个问题，我照着老师教的自己做了下，做出来了，效果和老师教的完全一致，但当我试着更改了画布高度（单一变量）或者更改了g（也是单一变量），小球弹起就会出现问题，表现为：下落到画布底部之下一小段距离才弹起（而不是正好在画布底部，我有减r：if(ball.y >= 768 - ball.r)）；其次第一次弹起正常，之后几乎不弹起，贴着画布特别矮的一段高度抖动（我有加摩擦系数：ball.vy = -ball.vy*0.5）。这是怎么一回事，怎么解决

慕粉3584185

2016-10-10

源自：炫丽的倒计时效果Canvas绘图与动画基础 4-2

关注问题我要回答

695

操作

收起

2 回答

星夜永恒
2017-03-11

你试试这个呢

// 小球的速度小于小球半径时, 小球停留在底部
if (Math.abs(ball.vy)<=ball.r) {
  ball.g=ball.vy=0;
  ball.y=ctx.canvas.height - ball.r;
}

0 回复有任何疑惑可以回复我~

收起回答

柠檬萌不萌
2016-10-14

嗯嗯嗯

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

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

参与学习 96746 人
解答问题 1000 个

学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力

进入课程

本课相似问答

1 回答画布的高度减小球半径的问题

2 回答小球弹起问题

3 回答显示高度问题

1 回答关于canvas画布尺寸问题

1 回答改动代码，出现问题

搜索更多本课相关问答

更改画布高度弹起出现问题

我要回答关注问题

热搜

最近搜索清空

更改画布高度弹起出现问题

2 回答

本课相似问答

更改画布高度弹起出现问题