什么技术可以在 Web 浏览器中渲染中等规模的 3d 环境 [关闭]

Posted 2023-03-12

【中文标题】什么技术可以在 Web 浏览器中渲染中等规模的 3d 环境 [关闭]

【英文标题】：What Technology can Render Medium Scale 3d Environments in a Web-Browser [closed]

【发布时间】：2012-04-11 04:31:18

【问题描述】：

我打算制作一个显示 3d 环境的 Web 应用程序，可以通过拖动（根据平台使用手指或鼠标）进行导航。该网络应用程序将渲染开发站点的 3D 环境，包括轮廓、水管位置、建筑物等。

我正在尝试决定使用哪些技术/库来创建一个可以在 android-Web-Browser、ios-Safari、IE9、Safari、Firefox 和 Chrome 上运行的网络应用程序。还有什么技术将提供发展速度。我知道这是'要我的蛋糕，也要吃它'/'asking for the moon'，但我不知道那里的所有技术 - 所以可能有可以渲染的高级库许多网络浏览器的 3d 环境，包括主要的智能手机浏览器，我不知道它们。

3d 渲染不会是高度详细的建筑物或具有效果的水，而是这些对象的简单 3d 表示。环境可以通过拖动来导航，您可以分层查看景观（仅查看等高线、仅查看地下管道、仅查看污水管道等）。

那里有用于网络浏览器的 3d 库吗？有没有办法通过网络浏览器运行 OpenGL（或 OpenGL ES）？

如果您要制作这种应该在桌面 Windows、Android、iOS 和 WindowsPhone 上运行的应用程序/网络应用程序，您会使用什么技术？

有没有我没有提到的对这类项目有益的技术？

我倾向于浏览器驱动的网络应用程序，因为我获得了跨平台能力（它甚至可以通过使用兼容的网络浏览器在 linux 和 MacOS 上运行）。我还知道 CSS3 转换可以创建可以在 3d 空间中旋转的立方体（注意仅适用于 WebKit 浏览器 - 所以没有 IE :( ）。但我不知道 CSS3 是否足够强大以呈现整个 3d 环境？你认为它可以吗？也许我可以使用 html5 画布来做这个？谷歌地图可以创建自定义 3d 地图吗？

【问题讨论】：

//通过网络浏览器进行OpenGL//我想我终于找到了一个不了解WebGL的人！

【参考方案1】：

从技术上讲，这可以在 flash 或 webgl 中实现，但这些技术都没有部署在您想要解决的所有设备上（任何地方都没有 WebGL，flash 仅在最近的 Android 上，Adobe 不再开发它） .如果您想在移动设备上使用，那么您将必须在您关心的所有平台上进行本地化。

虽然 CSS3D 变换允许您在 3D 空间中排列事物，但您只能在 3D 空间中排列 2D 元素（图像、HTML 元素），因此很难对具有任何逼真度的体积进行建模，尽管它可以在使用渐变或 SVG 过滤器的有限方法来完成这方面的工作并不那么令人信服。