javascript - 使用 javascript 显示 CAD 图像

标签 javascript 3d three.js

经过几天的搜索,我决定来这里询问是否有人知道如何仅使用 javascript 在网站中显示 3D 图像(CAD 图像)。

我的目标是显示 .stp 或 .igs 格式并允许用户交互。

到目前为止,我已经找到了几个框架:

https://github.com/tbuser/thingiview.js

http://threejs.org/

https://github.com/humu2009/jsc3d

但是它们已经过时或者不允许我显示提到的格式。

有没有人遇到过类似的问题,可以分享一下如何处理?

我想到的另一种可能性是从上述格式中提取 jpg 图像并使用 360 ImageView 插件显示它,例如:

http://reel360.org/reel

http://spritespin.ginie.eu/

(仅举几例)

优点:

  • 加载速度更快
  • 更容易实现

缺点:

  • 需要转换为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/

相关文章:

javascript - 字体系列在 Chrome 中无法正确读取

javascript - 单击按钮时更改元素的类

opengl-es - 有没有办法在 Three.js 中只绘制平面网格线框中的某些线条?

javascript - three.js 边缘和文本在旋转时呈锯齿状/模糊

javascript - grunt.js - 缩小文件时的多个目的地

javascript - Angular 模板指令绑定(bind)

image - 在 Mathematica 的 3D 绘图中将图像放置在 XY 平面上

C++ 获取到给定点的最短距离的 3D vector 上的点

c++ - OpenGL:二维四边形应该如何存储/渲染?

three.js - 切平面三js后分组点