用three.js组织html5 webgl画布动画中的对象

Question

我想画一只3D猫(带动画)，它只不过是一堆3D对象--椭圆体、金字塔、球体等。我有两个问题：

1)是否有任何方法可以定义您自己的复杂几何3D对象，而不是标准的Three.js对象，如球体，立方体...

2)在动画整个猫的时候，我应该为每个对象定义一个动画函数吗？有没有办法把一些对象组合在一起？

Answer 1

对于第一个问题，我建议阅读parameter driven modelling，这将允许您创建一致的复杂对象，而不是每次创建时都重新发明轮子。至于创建自定义对象，就像折线是有效的线集合一样，通过标准线方法(以及特定于对象的方法)的迭代实现，您可以创建一个javascript对象，其中包含创建自定义形状所需的对象集合。Here's一个很好的webgl小抄，可以帮到你一点忙。

第二个问题与我们上面描述复杂对象的方式有些相似，因为您将编写一个Cat对象渲染/动画函数，您将在每个对象的基础上处理动画(除了完全对象静态移动之外，想象一只猫在自动扶梯上)。再一次，约束或参数驱动设计将是你的救星，因为两个或多个对象部分重叠的事实并不意味着这些对象是显式链接的。

作为结束语，我建议您研究一下clojurescript。这对于这种类型的工作可能不是必须的，但是lisp在CAD脚本世界中非常流行，从长远来看，如果你至少熟悉一下编码约定，你肯定是在帮自己一个忙--你在这个项目中遇到的许多问题都会用各种编程语言来回答，但你很可能会发现，许多由在栅栏两边工作的人(cad/ programming )编写的答案都是用lisp编写的。这是一个最终的通用CAD forum，它是一个很好的资源。