分享
点赞 收藏
HTML5 Canvas人物四肢模拟及身体碰撞动画

0 · 发布于 2020-11-27 18:56:23

【HTML5 Canvas人物四肢模拟及身体碰撞动画】源码:http://t.cn/Rmxguzl 演示:http://t.cn/Rmxguzj 前几天我们刚刚为大家分享过一款基于HTML5的人物四肢关节伸展模拟动画,它可以模拟人物的头部、四肢伸展情况,相当逼真。今天要介绍的这款HTML5 Canvas动画在原来四肢模拟的基础上,添加了身体碰撞模拟的动画特效,我们用鼠标模拟一个大铁球,移动鼠标后将大铁球撞击人物的身体,人物身体受到作用力后就会按一定方向进行翻转活动,因此四肢也随着伸展和摆动。当然这种动画也应用了HTML5的重力感应特性。这种类似的动画以前也介绍过一些,比如HTML5图片相册重力感应特效。
重重重重
163粉丝
关注

0条评论

还能输入1000个字符