交互式3D Web技术

Question

我想在网页中使用交互式3D模型。所需的功能是：

• 导入定义＆amp;的dxf文件显示一个房间。
• 从javascript添加/移动预建对象
• 添加/移动从javascript投射阴影的灯
• 将房间尺寸恢复为javascript
• 将对象位置返回到javascript

我可以将dxf文件导入任何WebGL引擎吗？

我有一个小的重复用户群，所以浏览器安装完全没问题。我可以使用任何插件技术吗？ Java小程序？统一？我可以使用OpenGL引擎作为插件吗？ java3d小程序怎么样？

我将从桌面开始，但需要在两年左右的时间内快速定位平板电脑和手机。

我越来越相信我需要聘请专家来写这个，但我想了解这些选项。你能推荐一种合适的技术吗？

Answer 1

我认为WebGL是这个应用程序的绝佳选择;您描述的图形功能完全在其功能范围内。我不能评论模型加载，因为我不熟悉WebGL引擎。

然而，手机是一个很大的皱纹。关于你提到的技术：

• Chrome和Firefox for Android支持WebGL。在iOS上，Mobile Safari不会启用 WebGL，但存在一种实现（严格用于应用内广告），因此未来可能会有更广泛的WebGL支持（可能需要定制）用于启用它的Web视图包装器。

• Android或iOS上的任何浏览器都不支持Java小程序。

• Unity是一个可行的选择; Unity Web Player浏览器插件允许在网页中嵌入Unity内容。但是，移动OS设备没有这样的插件; Unity内容可能编译为适用于iOS或Android的应用程序，但无法在网页中查看。

  截至2014年8月的新闻： Unity已宣布即将推出的Unity 5将包括发布到JavaScript + WebGL（无需插件）。假设这符合承诺，如果您的目标平台具有支持WebGL的浏览器，则可以使用Unity。

所以，如果你绝对需要跨平台3D，包括iOS 现在，Unity就是它的所在，但WebGL现在是台式机和Android的不错选择，而且可能会在未来，是将3D 嵌入网页的唯一方法，而不是跨桌面和Android的应用。

Answer 2

WebGL不是在网页中嵌入3D的唯一方法 - 请参阅phoria.js： http://www.kevs3d.co.uk/dev/phoria/

https://github.com/kevinroast/phoria.js

另外three.js有一个没有web-gl的画布渲染。

Phoria.js和其他喜欢它的人可以使用不支持web-gl的iPhone / iPad和Android手机。当然，性能要低得多，但如果你没有复杂的模型，并希望它能在任何地方工作......