Three.js 零件组装动画

任务：用 Three.js 实现一个主机组装过程的动画演示。

最简单的思路是，为每一个零件手动设定一个远端位置，然后动画返回初始位置即可。

但手动设定位置，还是需要遵守一定规则的，例如，右边的外壳，按道理说，应该从右边向左移动。如果任意设置的话，它从左向右移动，就会穿越机箱内部的其它零件，看上去很不自然。
所以说，一旦零件数目多的话，手动设定是件很费劲的事情。

幸好，Three.js 提供了setFromObject方法，我们可以找到每个零件的几何中心。然后从机箱的中心位置，向每个零件的几何中心发出一条射线，让零件沿着这条射线移动一段距离，作为初始偏移位置。
这样，不管零件数目有多少，都能够自动计算出较为合适的远端位置了。