今天看到一个很酷的HTML5动画，用鼠标撕扯那块布，关键是用力就能撕破它，不知道是什么原理，大家知道么？这是那个动画的地址：
http://www.html5tricks.com/demo/html5-cloth-tear/index.html
http://www.html5tricks.com/demo/html5-cloth-tear/index.html
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 4256 days ago, the information mentioned may be changed or developed.
 |
1
tedd Sep 29, 2014
omg, 太玄了
|
 |
2
609761871 Sep 29, 2014
这个超赞！
|
 |
3
abelyao Sep 29, 2014
牛逼！
|
 |
4
xiaou Sep 29, 2014
撕完，会掉到地上不停的弹
|
 |
6
wdlth Sep 29, 2014  1
说好的衣服呢？人与人最基本的信任在哪里？
http://antigravitygoogle.com/，这个也差不多。 |
 |
7
whwei Sep 29, 2014
怎么实现的？
|
 |
8
surftheair Sep 29, 2014 via iPhone 2
光有一张布，至少要有个美女披着布让我们撕吧
|
 |
9
palxex Sep 29, 2014
cellular automata?
|
 |
10
lazybios Sep 29, 2014
好逼真的效果~
|
 |
11
sethverlo Sep 29, 2014
看到「模拟衣服撕扯动画」就进来了…发现只是一块儿布…
|
 |
12
coolicer Sep 29, 2014
前2年就看到了
|
 |
13
young Sep 29, 2014
挺流弊
貌似很早之前就看到过... |
 |
14
rrfeng Sep 29, 2014
对啊，这个最少已经三四年前就有了……我还在上学的时候
|
 |
15
loading Sep 29, 2014
|
 |
16
wvidc Sep 29, 2014
太酷了~
|
 |
17
jprovim Sep 29, 2014
|
 |
18
greatdk Sep 29, 2014
裤子都脱了你就给我看这个？
开个玩笑，效果确实挺炫的 |
 |
19
tabris17 Sep 29, 2014
我以为衣服撕开里面会有什么东西
|
 |
20
ruchee Sep 29, 2014
Cool
|
 |
22
soli Sep 29, 2014
酷！
|
 |
23
Mutoo Sep 29, 2014
|
|
24
Mutoo Sep 29, 2014 4
原理是用 verlet 积分模拟粒子运动。然后用距离约束限制粒子距离。然后生成一个二维粒子阵，对相邻的粒子进行约束。撕裂的效果只要在距离上增加一个阀值，超过后删除该约束就行了。
上面是一个开源的 javascript verlet 库 |
 |
25
CosWind Sep 30, 2014
好早之前看过了。
|
 |
26
openroc Sep 30, 2014
cool~
|
Select Language