Canvas学习笔记——动画环境中的边界

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Canvas学习笔记——动画环境中的边界相关的知识,希望对你有一定的参考价值。

在动画中经常要处理边界问题,比如一个物体运动到了边界,要怎么处理才合适呢?通常有几种以下几种方式:

 

让物体消失

 

这里的让物体消失并不是单纯的让物体移动出边界,而是将物体销毁,即从数组中移除。

重置物体

 

重置物体是指让物体回到初始的位置继续执行动画,这样就能够在不销毁物体或中断动画的情况下持续看到动画效果,也提升了性能。

屏幕环绕

 

尝试用方向键改变物体的位置,可以发现物体在移出边界的同时又出在边界的另一侧,这样物体永远不会从屏幕中消失。

反弹

 

反弹比较符合现实中的物理效果,需要注意其中的动能损耗。

以上是关于Canvas学习笔记——动画环境中的边界的主要内容,如果未能解决你的问题,请参考以下文章

canvas游戏和动画中的碰撞检测

《每周一点canvas动画》——速度与加速度

Canvas动画

threejs学习笔记04---物体动

Canvas学习笔记——缓动

在3dmax中的动画关键帧消失的问题。