使用javascript显示CAD图像

时间:2016-05-27 09:28:15

标签: 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图像视图插件显示它,例如:

http://reel360.org/reel

http://spritespin.ginie.eu/

(仅举几例)

优点:

  • 加载更快
  • 更容易实施

缺点:

  • 需要转换为jpg
  • 更难实施
  • 过时的框架(Three.js除外)

注意:我不需要与图像进行任何交互,例如进入图像内部,使其透明,爆炸...我必须能够像显示它一样显示它360画面。

你有一个很好的方法来实现这个目标吗?

任何评论都会有所帮助。 提前谢谢,

安德烈

1 个答案:

答案 0 :(得分:1)

Step和IGES是cad格式,webgl中的大多数3d开发都是游戏开发。这是艺术/游戏技术鸿沟的另一面,CAD格式没有描述多边形模型*。因此,任何可以显示这些格式的程序都需要一个称为CAD内核的几何求解器后端。没有基本的3D框架可以帮到你。这是简单3D的另一面。

STEP也是一种非常复杂的格式,即使使用CAD内核,导入器也很难。我会寻找像opencascade这样的东西,用于将cad数据转换为多边形以进行显示。一般来说,没有很多免费的B-Rep后端。

您也可以使用现有的cad应用程序来执行此操作。我怀疑你会发现一个纯粹的javascript版本的CAD内核。

*想到这就像普通的3D模型大多是多边形的。但是B-Rep模型并没有描述多边形,而是描述数学形状的互连。因此,在您显示iges文件的步骤之前,您需要解决它。首先阅读this