Three.js 三个JS对应两个JS吗

Three.js 三个JS对应两个JS吗,three.js,Three.js,我正在将ThreeJS作为WebGL的一个界面进行学习。谢谢你们以前的帮助 我正在开发一种新的3D动力学方法,希望教科书中有一个3D组件。示例如下: 他们不是最好的,但我正在学习 同时,我想研究二维静力学和二维交互式自由体图中的一些动画。目标是呈现一个对象,切掉它的各个方面,并用力替换丢弃的部分(基本上:通过移除接触以交互方式构建自由体图)。通常情况下,我会考虑Flash,但是我已经被建议反对它。 您可以在这里看到,我使用threejs创建了一个关于流线、条纹线和路径线的2D教程: 但我的感觉

我正在将ThreeJS作为WebGL的一个界面进行学习。谢谢你们以前的帮助

我正在开发一种新的3D动力学方法,希望教科书中有一个3D组件。示例如下:

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

同时,我想研究二维静力学和二维交互式自由体图中的一些动画。目标是呈现一个对象,切掉它的各个方面,并用力替换丢弃的部分(基本上:通过移除接触以交互方式构建自由体图)。通常情况下,我会考虑Flash,但是我已经被建议反对它。 您可以在这里看到,我使用threejs创建了一个关于流线、条纹线和路径线的2D教程:

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


那么我可以问一下三个JS是否有两个JS版本?我认为仅仅问这个问题应该是我所寻找的证据,但让我更清楚一点。我正在寻找一个界面,以webGL是专用于二维动画。是的,我可以使用threeJS,但我认为这是一个错误。有人能给我指点路吗?

试试这个Javascript游戏引擎列表:

其中一些专用于带有精灵或Box2d物理的2D动画


还有一些用于绘制2D HTML5动画的商业产品,如

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

唯一需要解决的是平面上元素的z顺序。一种方法是为每个元素指定稍微不同的Z值:

例如,如果在Z=0平面上绘制,则可以将图元1设置为在Z=0处绘制,将图元2设置为在Z=0.0001处绘制,这样图元2将始终绘制在图元1的顶部

实现z顺序的更好方法是破解引擎并为每个元素设置绘图顺序,以便强制一个元素先绘制另一个元素


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

最近才发布-它是一个由WebGL支持的2D引擎,具有良好的性能,但具有2D画布的兼容性。我自己也没用过,但值得一看。

看看Jono Brandel的two.js

很好的演示:

我发现IvanK速度很快,功能齐全,它的功能比小精灵多得多

查看它(它有webgl、canvas、svg渲染器以及自动回退支持)


我发现另一个库fabricjs.com功能强大但速度较慢。

如果您正在寻找2D可视化,最好的选择是D3或Two.js:


有时候,你需要一把简单的小刀来给东西涂黄油。在实现平滑图形方面,Three.js非常类似于链锯。它更倾向于三维

这个API似乎也受到了three.js的启发。ivank.js更完整,它还使用webgl(回退到画布或Dom),我现在正在测试它,它有很多事件(单击、拖动)和向量。它似乎更完整。还有另一个2D画布游戏/应用程序引擎,但它显然刚刚发布,从(非常)快速的外观来看,它似乎很好而且使用简单:iioengine.com很好,但与pixi和ivank相比速度非常慢