经过几天的搜索,我决定来这里询问是否有人知道如何仅使用 javascript 在网站中显示 3D 图像(CAD 图像)。
我的目标是显示 .stp 或 .igs 格式并允许用户交互。
到目前为止,我已经找到了几个框架:
https://github.com/tbuser/thingiview.js
https://github.com/humu2009/jsc3d
但是它们已经过时或者不允许我显示提到的格式。
有没有人遇到过类似的问题,可以分享一下如何处理?
我想到的另一种可能性是从上述格式中提取 jpg 图像并使用 360 ImageView 插件显示它,例如:
(仅举几例)
优点:
- 加载速度更快
- 更容易实现
缺点:
- 需要转换为jpg
- 实现起来比较困难
- 过时的框架(Three.js 除外)
注意:我不需要与图像进行任何交互,例如进入图像内部、使其透明、爆炸......我只需要能够像图像一样显示它360度图片。
您有什么好的方法来实现这一目标吗?
任何评论都会有帮助。 提前致谢,
安德烈
最佳答案
Step 和 IGES 是 cad 格式,而 webgl 中的大多数 3D 开发是游戏开发。这是艺术/游戏技术鸿沟的另一面,CAD 格式不描述多边形模型*。因此,任何可以显示这些格式的程序都需要有一个称为 CAD 内核的几何解算器后端。任何基本的 3D 框架都不适合您。这是简单 3D 的另一面。
STEP 也是一种极其复杂的格式,即使使用 CAD 内核,导入器也很困难。我会寻找类似 opencascade 的内容用于将 cad 数据转换为多边形以进行显示的工作。一般来说,免费的 B-Rep 后端并不多。
您还可以使用现有的 CAD 应用程序来执行此操作。我怀疑您是否会找到 CAD 内核的纯 JavaScript 版本。
* 可以这样想,普通的 3D 模型大部分是多边形的。但 B-Rep 模型并不描述多边形,而是描述数学形状的互连。因此,在显示 iges 文件的步骤之前,您需要解决它。首先阅读this
关于javascript - 使用 javascript 显示 CAD 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37479823/