网页高级感之物理引擎

如果简单的动画,不能满足对高级感的追求,那么可以尝试引入物理引擎.

物理引擎能够给画面中的物体提供张力/摩擦力/弹力/引力/碰撞等效果, 让页面看上去更加具有真实感.

一般的工作流程是, 物理引擎建立一个物理世界, 渲染引擎建立一个渲染世界,二者物体一一对应.

物理引擎负责计算物体的位置姿态, 然后同步给渲染引擎即可.

在web开发中, 常见的物理引擎有

2D 物理库

• Matter.js
• P2.js
• Plank.js
• Box2D.js

3D 物理库

• Ammo.js
• Canno.js
• Oimo.js

引入它们, 能够让你的页面更加高级.