快速开始

欢迎使用 NIVIOBIM 轻量化图形引擎。本页用于说明最短接入流程，完整可运行代码请直接参考示例页。

1. 接入步骤

步骤一：准备容器

<div id="app" style="position:fixed;inset:0"></div>

步骤二：引入引擎模块

import * as GraphicsEngine from './core/viewer3D@v2.2.0-rc1.module.js';
import PluginPackage from './plugins/PluginPackage@v2.2.0-rc1.module.js';

window.GraphicsEngine = GraphicsEngine;
window.PluginPackage = PluginPackage;

步骤三：创建配置并初始化

const container = document.getElementById('app');
const config = new GraphicsEngine.Config('地质博物馆建筑', container);
config.setStaticPath('../public/models/');
config.currentLoadType = GraphicsEngine.Config.LoadType.Local;

const viewer3D = GraphicsEngine.Viewer3D.Initializer(
  config,
  (progress) => console.log('加载进度', progress),
  (error) => console.error('加载失败', error)
);

2. 推荐阅读路径

1. 先看完整可运行最小案例：
   • 基础 Viewer 示例
2. 再看基础交互整合案例：
   • 基础使用示例
3. 再看插件扩展：
   • 插件开发示例

3. 常见问题

模型加载失败

• 检查 setStaticPath 路径是否正确。
• 确保通过本地服务访问（不要直接双击 HTML 文件）。

页面空白

• 检查容器是否有有效宽高。
• 检查浏览器是否支持 WebGL。

4. 相关链接

• 基础概念
• API 参考