3D web可视化。使用Three.js (webgl)或其他任何技术？

Question

我们将开发像这样的3D卡车装载可视化应用程序：https://www.youtube.com/watch?v=cHLNwcyZH-w，但目前仅使用手动装载。应用程序将计算每轴重量，每次我们在我们的卡车上投下一个新的货物。但我们不知道从哪种技术开始；目前我们计划从Three.js ( webgl )开始，但由于我们是webgl的新手，我们不知道这些计算在Three.js中是痛苦的，还是我们更喜欢其他平台来开发这个3D web应用程序？而且学习期也必须大约不超过1-1.5周。

如有任何建议，我们将不胜感激！期待着来自Three.js / webgl专家的提示。

备注:有关轴重计算的详细信息，请查看http://en.wikipedia.org/wiki/Federal_Bridge_Gross_Weight_Formula

Answer 1

嗯，我认为Three.js会是一个很好的快速的开始。您将需要具有不同拖车大小的卡车模型，并且您将根据使用输入来加载这些模型。为此，您需要能够创建自己的模型使用Blender，3dsMax或其他软件。容器本身只是一个具有反转法线或某种透明度的长方体。用于旋转的控件已经存在。关注你的权重分布公式:当然，你必须自己做这件事，Three.js只是在做你应用程序的可视化部分。你听起来不太像专家，如果我可以这么说的话，所以我认为如果你想在浏览器中使用3D-Graphics，three.js将是一种方法，因为它是最简单的库，我想说，尽管对于开发整个应用程序，你仍然需要一些knowledge...but这是可以学到的。

顺便说一句。如果你只有不同大小的盒子要加载，那么你可能真的应该选择自动加载，我认为有足够的“打包算法”，而且必须手动放置这些盒子也不是那么容易实现的。

Answer 2

Three.js是一个很棒的框架，但它只在应用程序的视觉部分对你有帮助，我严重怀疑没有计算机图形经验的人能在1.5周内学会它。Three.js也很好，因为它支持各种3d格式，并为它们提供了导出器，这使得生产速度更快。

找一个好的Three.js忍者和JavaScript程序员，他们也会做应用程序的逻辑部分，最好是一个艺术家，他们会做建模。

在所有引擎/框架中，Three.js可能是最好的选择，因为它有不同的控件，可以选择，可以导入模型，并且有非常容易理解的代码。

希望这能有所帮助。