javascript - 使用 Three.js 组织 html5 webgl canvas 动画中的对象

Question

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

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

2)当对整只猫进行动画处理时，我应该为每个对象定义一个动画函数吗？有没有办法将一些对象组合在一起？

Answer 1

对于第一个问题，我建议阅读 parameter driven modelling ，这将使您能够制作一致的复杂对象，而无需每次创建对象时都重新发明轮子。至于创建自定义对象，就像多段线实际上是具有标准线方法(以及特定于对象的方法)的迭代实现的线的集合一样，您将创建一个 javascript 对象，其中包含以下集合:创建自定义形状所需的对象。 Here's一个很好的 webgl 备忘单可以帮助你一点。

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

作为尾注，我建议查看 clojurescript 。对于此类工作来说可能没有必要，但 lisp 在 CAD 脚本世界中非常流行，从长远来看，至少熟悉编码约定肯定会给自己带来好处 - 很多问题在从事这个项目时，您将得到各种编程语言的答案，但您可能会发现，许多答案是由在栅栏两侧工作的人员(CAD/编程)编写的用 lisp 编写。这是最后的将军 CAD forum这是有关 CAD 所有内容的绝佳资源。