javascript - 使用 html 5 和 webGL 构建信息模型

标签 javascript html webgl 3d-modelling bim

<分区>

我们必须构建一个类似于 bim surfer 的 Web 应用程序具有附加功能。与 the one shown on their site. 不同,它应该能够以 3D 方式显示具有实时图形的 IFC 文件。

另一个功能是显示虚拟演练。我的意思是关于 bimsurfer,该应用程序应该能够将我从前门带到里面的任何部分,就像我在里面行走一样。我检查了 webGL。还有其他更适合此目的的技术吗?

这并不是说我发现了 WebGL 的不足,而是在考虑是否有更好的选择用于我们的项目。谢谢。

最佳答案

是否有其他技术更适合此目的?
这是非常模糊的。有几种方法可以查看它:

Is WebGL capable of doing the walkthrough as you described?
Absolutely.

Are there low level 3D APIs that are better geared towards rendering home walkthroughs?
No. Every low-level option for displaying 3D content on the web (WebGL, Silverlight, Stage 3D) is going to have roughly the same capabilities. They all render triangles using shaders. Decisions about tech at this level are based on other factors: What languages are you comfortable programming in? What are your target platforms? Do you need to interoperate with any other libraries? Do you have legacy code you are trying to make use of? etc.

Are there high level 3D APIs that will make it easier to render home walkthroughs?
WebGL has many frameworks that abstract away some of the complexity of the API. ThreeJS is the most commonly used one, but there are plenty of others. Your choice here should be primarily about which parts of the API do you want handled for you? (Mesh formats? Camera handling? Lighting and material systems?) If you want to look beyond WebGL then it's worth looking at Unity for a very complete scene management system with great tools. I would guess that Stage 3D and friends have some high-level support as well, but I'm not familiar enough with their ecosystems to say.

Are there any existing software packages that will render a home and fly though it?
For the web? Not that I know of.

如果您对这些特定主题中的任何一个有疑问,请随时提问。

关于javascript - 使用 html 5 和 webGL 构建信息模型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11450711/

相关文章:

javascript - 相机如何从剪辑空间转换为屏幕空间?

javascript - 自定义插件不适用于动态生成的选择

Javascript 获取和更改元素标题

javascript - 如何编写 html intp javascript

javascript - THREE.js - 如何在体积渲染中查看对齐切片?

javascript - 如何在 webgl 着色器中使用 console.log?

javascript - 无法读取 null 的属性 'className'

javascript - Bootstrap Tabs 不允许我更改 ID

html - 如何更改选择框中特定选项的样式?

javascript - 从当前悬停的 LI 开始循环遍历上一个和下一个 LI