是否有两个JS对应于三个JS

Question

我一直在学习将ThreeJS作为WebGL的一个接口。感谢你们之前的帮助。

我正在开发一种3D动力学的新方法，并希望在教科书中加入3D组件。示例可以在这里找到：http://eon.sdsu.edu/~impellus/DMF/

他们不是最好的，但我正在学习。

同时，我想研究一下2D Statics和2D交互式自由体图中的一些动画。目标是呈现一个对象，切开它的各个方面，并用力替换被丢弃的部分(基本上:通过移除接触来交互式地构建自由身体图)。通常，我会考虑Flash，但有人建议我不要这么做。

你可以在这里看到我使用了三个on创建了一个关于流线，条纹，路径线的2D教程：

http://eon.sdsu.edu/~impellus/FLOW/

但我的感觉是，在2D交互式动画中使用threeJS的功能是不自然的。

那么我想问一下有没有Three JS的两个JS版本呢？我认为仅仅是问这个问题就应该是我所寻找的东西的证据，但让我说得更清楚一些。我正在寻找一个接口的webGL，是致力于2D动画。是的，我可以使用threeJS，但我认为那将是一个错误。有人能给我带路吗？

Answer 1

pixi.js是最近才发布的-它是一个2D引擎，由WebGL支持以提高性能，但具有2D canvas后备以实现兼容性。我自己还没有用过它，但它值得一试。

Answer 2

看看Jono Brandel的two.js吧！

https://github.com/jonobr1/two.js

很好的演示：http://jonobr1.github.io/two.js/

Answer 3

我还探索了2D引擎的使用，但最终只使用了Three.js。如果您将相机设置为从不沿Z方向移动，并将所有视觉元素放在同一个z= constant平面上，则它是一个2D引擎。

您需要解决的唯一问题是平面上元素的z顺序。一种方法是为每个元素分配一个略有不同的Z值：

例如，如果您在Z=0平面上绘制，则可以将元素1设置为在Z=0处绘制，将元素2设置为在Z= 0.0001处绘制，因此元素2将始终绘制在元素1之上。

实现z顺序的更好方法是修改引擎并为每个元素设置绘制顺序，以便强制在绘制一个元素之前绘制另一个元素。

此外，使用three.js的另一个问题是(在撰写本文时)它不能很好地处理2D精灵。