资讯频道 → Web前端
阅读更多

57顶
1踩

Web前端

原创新闻 verlet-js：超酷的开源JavaScript物理引擎

2013-04-22 17:17 by 副主编 wangguo 评论(51) 有40688人浏览
javascript verlet-js 物理引擎

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

verlet-js是一个使用JavaScript编写的物理引擎，支持粒子系统、距离约束、角度约束等，通过verlet-js，你可以在应用中实现一些非常酷的、具备物理特性的效果，比如碰撞、滚动、滑动或弹跳。

verlet-js的一些特性如下：

  • Simulation（模拟）：包含复合实体的根对象，用于在一个场景中驱动实体的所有物理特性和动画效果
  • Composites（复合实体）：用于场景内的高层次的对象（比如球、连接物、布料等等）
  • Particles（粒子系统）：空间中的粒子点，用于响应各种操作（重力、拖拽等）
  • 约束：将粒子连接在一起，使它们能够互相交流，包括固定（将一个粒子固定到空间中的某个位置）、距离约束（通过一定的直线距离绑定2个粒子）、角度约束（通过一定角度绑定3个粒子）
你可以通过以下链接查看相关示例：



谷歌之前上线了一个Google Gravity项目，你会发现所有的页面元素纷纷落下，你还可以随意拖动窗口，窗口中的元素也会做出相应的动作，效果相当惊艳，这利用了Box2D物理引擎（类似于verlet-js）。现在通过verlet-js，你也可以做出类似的效果。

verlet-js源码托管在GitHub上，采用MIT许可证。

项目地址：https://github.com/subprotocol/verlet-js
国内镜像地址：https://code.csdn.net/OS_Mirror/verlet-js

附：另一个类似的可拖拽的布料物理效果：http://codepen.io/stuffit/pen/KrAwx（大幅拖拽或点击右键可有布料撕烂的效果） 或者 http://lonely-pixel.com/
  • 大小: 15.7 KB
  • 大小: 11.5 KB
57
顶
1
踩
评论 共 51 条 请登录后发表评论
51 楼 javalipan 2013-05-23 14:51
真厉害
50 楼 nayubaba888 2013-05-22 11:48
太牛了。。。。
49 楼 tinglaa 2013-05-15 10:48
太厉害了
48 楼 tinglaa 2013-05-15 10:48
47 楼 yujicun 2013-05-14 13:46
太牛啦，真的是只有想不到没有做不到！
46 楼 nomandia 2013-05-13 17:03
真牛比~！就是速度差点
45 楼 bqlin1987 2013-05-10 09:43
so wonderful!
44 楼 寂寞の花开 2013-05-09 14:39
膜拜了。。。果然碉堡。。。
43 楼 baikkp 2013-05-08 11:20
碉堡啊！
42 楼 gq2010 2013-05-07 19:46
哇，酷毙了
41 楼 sanshizi 2013-05-07 15:52
碉堡了
40 楼 sp42 2013-05-07 09:52
Chrome Only？
39 楼 java_ahhhy8618 2013-05-06 16:55
好东西，有空学学
38 楼 qiuwanchi 2013-04-26 22:42

太碉堡了  不得不佩服啊
37 楼 zhulongxing_sz 2013-04-26 09:24
真得非常有趣，很强大，不顶都不行啊···
36 楼 PetriNet 2013-04-25 23:19
哈哈，蛮有趣的
35 楼 hudepin 2013-04-25 09:27
it‘s cool，unbelievable
34 楼 _如今的她 2013-04-25 09:21
canvas?  html5？
33 楼 Jackie_GP 2013-04-25 08:57
实在太疯狂了！！！
32 楼 gxm2052 2013-04-24 20:20
这个做的真不错。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics