加载场景
大约 1 分钟
加载场景
SDK可加载平台发布的三维场景,支持以在线和离线的方式加载场景。
加载在线三维场景
使用平台的三维编辑器编辑并保存一个三维场景后,可使用SDK打开场景:
- 配置SDK远程请求参数;
- 获取场景ID(三维应用ID);
- 调用语句打开场景。
// 配置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打开场景:
- 配置离线路径参数;
- 获取场景ID(三维应用ID);
- 调用语句打开场景。
// 配置离线路径参数
VT.setConfig({
baseUrl: "./scenes",
});
// 初始化三维应用
const viewer = new VT.Viewer({
container: "#container",
app: "gykx4o8enj77pgqy5vm4", // 三维应用ID
});
// 场景加载完成事件监听
viewer.on("scene.loaded", (e) => {
// 场景加载完成后执行代码
});
上面的方法会读取加载 ./scenes/gykx4o8enj77pgqy5vm4 下的文件资源,包括场景配置文件、各种导出的资源等,从而实现脱离平台的方式加载三维场景应用。