跳至主要內容

加载场景

大约 1 分钟

加载场景

SDK可加载平台发布的三维场景,支持以在线和离线的方式加载场景。

加载在线三维场景

使用平台的三维编辑器编辑并保存一个三维场景后,可使用SDK打开场景:

  1. 配置SDK远程请求参数;
  2. 获取场景ID(三维应用ID);
  3. 调用语句打开场景。
    // 配置SDK远程请求参数
    VT.setConfig({
        access_token: "uk.ceb64ee7abcb40721aa50411307c3d5a",
        server: "http://192.168.0.165:8000"
    });

    // 初始化三维应用
    const viewer = new VT.Viewer({
        container: "#container",
        app: "gykx4o8enj77pgqy5vm4", // 三维应用ID
    });

加载离线三维场景

使用平台的三维编辑器编辑并保存一个三维场景后,选择导出离线应用包(.zip格式),将解压的场景目录放到前端工程公共目录下,指定访问目录,可使用SDK打开场景:

  1. 配置离线路径参数;
  2. 获取场景ID(三维应用ID);
  3. 调用语句打开场景。
    // 配置离线路径参数
    VT.setConfig({
        baseUrl: "./scenes",
    });

    // 初始化三维应用
    const viewer = new VT.Viewer({
        container: "#container",
        app: "gykx4o8enj77pgqy5vm4", // 三维应用ID
    });

    // 场景加载完成事件监听
    viewer.on("scene.loaded", (e) => {
        // 场景加载完成后执行代码
    });

上面的方法会读取加载 ./scenes/gykx4o8enj77pgqy5vm4 下的文件资源,包括场景配置文件、各种导出的资源等,从而实现脱离平台的方式加载三维场景应用。

上次编辑于:
贡献者: dashun