今天继续说一说cannon.js物理引擎，并用之前已经学习过的知识实现一个小动画，知识点包括ConvexPolyhedron多边形、Shape几何体、Body刚体、HingeConstraint铰链约束等等知识。因为我之前用纯the.js的THREEBSP实现过一个静态的齿轮，现在就想配合cannon.js让它的转动更加的符合实际而不是匀速转动。下面我们来说说我们要做的这个案例，这个小案例是由5个齿轮组成，最左面的是有动力的齿轮，我们可以控制它的速度，而右面三个齿轮是可以移动的，我们可以自由移动（有点类似于变速箱），嗯就是怎么简单。下面我们来说一说这个是怎么实现的，效果如下图，在线案例