SuperAPI AI 工具集

thatopen-impl-viewer

通用与其它

查看项目

更新于 10-15 22:18

技能介绍

用途:指导从零搭建 ThatOpen BIM viewer,创建 World(场景+相机+渲染器)、配置容器元素、启动渲染循环并正确清理。

主要能力:介绍基础 SimpleRenderer 与带环境光遮蔽、边缘检测的 PostproductionRenderer 两条路径;涵盖 SimpleScene 光照设置、OrthoPerspectiveCamera 的轨道/第一人称/平面导航与 fit 取景、Grids 地面网格、组件初始化与销毁。

必要用法:必须按固定顺序——new OBC.Components()、components.get(OBC.Worlds)、worlds.create()、设置 world.scene 并调用 setup()、再设置 renderer、最后设置 camera,可选创建 Grid,之后必须调用 components.init()。容器须为块级元素、有明确宽高、存在于 DOM 且非 display:none。启用后处理时须将网格加入 exclude。清理时调用 components.dispose(),在框架卸载钩子中执行。Vite 需配置 COOP/COEP 头、排除 web-ifc 优化及 worker 格式。

适用场景:需要在 Web 前端集成 BIM 三维视口、使用 @thatopen/components 3.3.x 与 components-front 3.3.x 的项目。

限制:PostproductionRenderer 仅限浏览器环境,不可在 Node.js 导入;WASM 文件须运行时可访问;缺少 COOP/COEP 头时 SharedArrayBuffer 相关操作可能失败;资料未提供具体收费、平台支持范围与效果保证。