HTML5 Canvas模拟衣服撕扯动画超级逼真

44,737 人浏览

8条回复

2014-03-22 06:00:41

本文作者html5tricks，转载请注明出处

今天又要来推荐一款HTML5 Canvas动画，是一个模拟衣服撕扯动画，效果非常逼真。刚开始衣服挂在绳子上，用鼠标拖拽衣服即可让衣服摆动起来，当你拖拽的很用力时，你会发现，衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力程度，从而来判断并实现衣服应该破损的程度，越用力，衣服被撕破的速度越快，赶紧来体验一下这个HTML5动画吧。

html5-cloth-tear

在线演示源码下载

热门推荐

超炫酷的HTML5视频播放器

超炫酷的HTML5视频播放器

纯CSS3实现苹果设备 iPhone iPad iMac及iWatch

纯CSS3实现苹果设备 iPhone iPad iMac及iWatch

纯CSS3实现大象走路动画

纯CSS3实现大象走路动画

HTML5/CSS3图片左右切换弹性动画

HTML5/CSS3图片左右切换弹性动画

超绚丽的HTML5地图分布动画

超绚丽的HTML5地图分布动画

纯CSS3绘制的小猫笑脸动画超呆萌

纯CSS3绘制的小猫笑脸动画超呆萌

《HTML5 Canvas模拟衣服撕扯动画超级逼真》上有8条评论

超棒！ 七月 2, 201410:39 上午

回复 ↓
等┅分鍾|? 十月 6, 201410:15 上午

这个吊…

回复 ↓
无涯十月 10, 20142:49 下午

牛B

回复 ↓
哈哈六月 11, 201510:55 下午

好神奇

回复 ↓
soul 六月 12, 20155:55 下午

牛！牛！牛！

回复 ↓
he 七月 9, 201511:02 下午

牛！！！！

回复 ↓
枭羊十一月 26, 20151:44 下午

不是一般屌啊!!

回复 ↓
6666 十二月 12, 201510:54 下午

666

回复 ↓

发表评论取消回复