HTML5 和 Javascript 的 3d 用户体验

Posted 2023-02-22

【中文标题】HTML5 和 Javascript 的 3d 用户体验

【英文标题】：3d user experience with HTML5 and Javascript

【发布时间】：2012-09-02 02:10:50

【问题描述】：

我必须使用 html5 和任何提供此类功能的所需 JS 库来构建 3D 用户体验。 3D 场景由圆柱形管道和表面组成。它具有 360 度旋转，可以放大和缩小。当用户选择一个参数时，应显示该参数在表面不同管道深度处的具体值。

我搜索了 HTML5 3d 和 JS 库，发现 three.js 可以对此有所帮助。还发现了这个关于 HTML 3d 引擎的有用演示文稿：http://projects.mariusgundersen.net/OnGameStart/#1。但由于这是我第一次使用 HTML5 3d 建模，如何我应该开始建造吗？应该考虑哪些参数？哪些工具和库最适合此类要求？

我想使用 HTML5 和 JS 3d 引擎创建一个 3d 模型，如第一张图片所示。

【参考方案1】：

我使用blender 进行建模，three.js 作为 javascript 3D 引擎，tween.js 用于动画制作了一个类似的小 3D 动画。你可以export models from blender to three.js。

【讨论】：

谢谢你。这是一个很好的主意。请让我知道使用 HTML5 和 JS 3d 引擎实现的任何其他方式。我想使用 HTML5 和 JS 3d 引擎创建一个演示，作为此链接中显示的 3d 图像link。

任何人请回复其他方式来使用 HTML5 和 JS 3d 引擎实现这一点。