我想要在网页上显示3D CAD模型。我想以<img>
标签的形式展示它(例如,与其他所有内容而不是作为单独的页面内联),我希望访问者能够旋转模型以从不同的角度查看它。HTML页面上的3D模型
我有什么选择?
事情我在想/看
- VRML
- 3DXML
- 闪光灯
- PDF有一些作品,但它并不像嵌入我想
- 3DMLW(似乎很慢)
- Universal 3D(由Adobe Reader支持)
编辑: 模型是不是很复杂,所以PERF是不是一个大问题。
我想要在网页上显示3D CAD模型。我想以<img>
标签的形式展示它(例如,与其他所有内容而不是作为单独的页面内联),我希望访问者能够旋转模型以从不同的角度查看它。HTML页面上的3D模型
我有什么选择?
事情我在想/看
编辑: 模型是不是很复杂,所以PERF是不是一个大问题。
Chrome实验发布了几个3D Javascript应用程序。以下是一个示例: Colors Cube
我不确定flash支持CAD应用程序文件格式的效果如何。 IIRC,闪光灯不能做硬件加速的3D图形。另一方面,Java applet可以(使用正确的库)。
我宁愿坚持JavaScript的Flash(没有理性的原因,只是我的意见) – BCS 2009-02-27 21:08:42
您也可以查看<画布>标签,该标签由更多浏览器实施。可能已经有一个用于模型查看的JavaScript库。
考虑QuickTime VR。它可以满足您所要求的大部分内容,并且由于您拥有原创内容,因此您可以创建一个相当准确的模型。
Papervison3D是一个3D闪存库,可能值得一看。我没有机会自己玩,但一些演示看起来不错。
VRML可能是一个不错的选择。 Parallel Graphics有一个很好的客户端,我已经使用了很长一段时间了。我的website上有一些VRML模型(虽然内容很琐碎!)。模型会很快加载,特别是如果它们不那么大。有几种可用的导航模式,您可以将其锁定为“检查”,让用户旋转模型(尽管实际上它是围绕对象移动的相机)。
您将需要找到一个可以编写VRML文件的程序,尽管任何体面的建模者都会拥有该选项。
带有一些脚本代码的Shockwave可以让用户旋转模型。
看一看http://labs.autodesk.com/technologies/freewheel/
项目飞轮可以显示2D和3D模型在AutoCAD中,倒相器或制成的Revit。我认为它使用DWF或其他东西。
此时,无法在自己的服务器上托管FreeWheel,但可以将DWF上载到Autodesk并在IFrame中显示模型。
除了没有主机位(在阅读我认为已经或将改变)这是现货。投票++如果我能找到如何托管它,你会得到复选标记 – BCS 2009-03-02 17:10:28
我认为你必须把DWF放在你自己的服务器上,并将它传递到http://freewheel.autodesk.com/dwf.aspx?path=? ?通过IFrame。检查http://freewheel.autodesk.com/developers.aspx。这里有一个关于如何配置的解释。 – Sorskoot 2009-03-02 18:23:50
这很好。所有平台都支持它。不过,我对平移,缩放和旋转控件感到失望,这些控件并不够整齐。此外,触摸屏设备不支持缩放缩放。 – Mahya 2013-08-18 09:02:25
Papervision和Unity3D是管道和快速装载的最佳选择。大多数加工过程中都安装了Flash,但是您需要导出为COLLADA格式,并且在陷入沉淀之前有2000个多边形的限制。
Unity 3D有一个很棒的管道,现在可以独立使用。它支持非常高的聚合计数,插件安装时无需重启浏览器,大约4MB(现在Flash和Sliverlight都超过4MB)。
另一种选择可能是扭力3D,但这也是非常基于游戏的。我认为你最好的选择是Unity 3D。您可以导出为FBX并在大约5分钟内将其在网络上导出。
将来您可以使用Google或WebGL的O3D,但它尚未准备好用于黄金时段。 Unity3D是目前唯一可以通过简单的管道在网上获得3D的Unity 3D。它可以在PC和Mac上使用,就像Flash和Silverlight一样。
好像基于canvas标签的JavaScript绘图apis正在采摘。看到这个最近发布的画布3d js库,尽管它只能在FF 3.5中工作:http://www.c3dl.org/
下面是一个JavaScript 3D渲染引擎:pre3d。
如果您还没有检查过,Doob先生有一个3D图形和造型库:homepage和git repo for three.js。
一个叫做Sketch Fab的新工具在几个月前问世。它完全采用HTML5设计,看起来非常强大。
您可以使用A3dsViewer - 提供导出到HTML5(three.js),或者您可以直接导出到Google Drive,并为您的页面获取生成的 url。 导出的HTML5模型默认包含旋转功能。
Autodesk正在走出与他们的新浏览器API:
http://through-the-interface.typepad.com/through_the_interface/webtech/
您可以使用此插件创建html file of you 3D model。它会生成一个单一的HTML文件,你将能够使用它在你的网站的任何地方,或者你可以把它发送到客户端以及
OMG,这是甜蜜的! – BCS 2009-03-19 16:15:30