共计 1790 个字符，预计需要花费 5 分钟才能阅读完成。
ThingJS 平台是基于浏览器开发的 3D 框架，很多界面都是相熟的开发元素，JS 属于根底的开发语言。例如物联网中如果须要切换不同的场景，一个工厂会有不同的设施治理区域，那在浏览器上如何实现切换呢？
一个简单的物联网我的项目都是实景模仿，人居环境会有多个场景组合而成，而且在我的项目开发过程中，可能建模的人员都不一样，制作的场景都可能在不同的地位，如何做场景切换呢？这个性能官网例程中就写得很分明，跟我来看看吧！
应用 ThingJS 官网神奇模模搭来搭建场景，这个置信大家都很相熟，它的场景可能主动同步到 ThingJS 网站中去，毕竟是一家亲，如果 ThingJS 在线平台找不到，那不是平台的问题，而是你的操作问题！记得回到模模搭客户端查看是否同步齐全，或者是上传的 obj 模型因为规范或者标准的问题而被回绝的，就可能导致场景无奈失常同步，只有查看规范文档进行操作就能够啦！
物联网可视化我的项目次要波及大型而简单的园区、天文地形或者工程等，越简单就越须要正当布局，ThingJS 是如何简化这些开发流程的呢？咱们是有神器助攻的！ThingJS 通过多年开发教训的积淀，得出了四个开发步骤：场景搭建、在线开发、数据对接、我的项目部署，同时把建模和开发离开，设计人员应用 CampusBuilder（又称模模搭）或者 cityBuilder 搭建工具，无代码轻松拖拽元素即可制作模型，随后开发人员应用 ThingJS 在线开发，从官网示例理解最新的酷炫性能，基于 JS 代码轻松开发，不须要额定培训！
模模搭能够抉择对应的模型搭建一个工厂或者是粮仓，然而非凡模型也有，能够从其余地位加载并上传应用，ThingJS 举荐应用 3DMAX 工具搭建非凡模型，并提供 3DMAX 上传插件来实现传输，这些插件资源都能够在官网 - 资源核心下载。
在线开发的时候如何援用任何场景的 URL，步骤如下：应用快捷键 Ctrl+ J 或者间接点击园区 icon 关上园区界面，双击对应场景即可呈现该场景的 URL，援用结束之后，参考如下官网示例进行不同的场景切换，所有分明明确无保留！
如何进行一个场景的动静切换，有以下三步：
1、首先要有两个以上能够抉择切换的场景，在模模搭场景搭建工具中进行建模
2、初始界面默认为第一个加载的场景，嵌入自在进出场景层级的性能
3、退出一个切换按钮，通过点击这个按钮，场景之间能够迅速切换，出现淡入成果
/**
* 阐明：通过动态创建场景，实现场景切换
*/
// 场景地址
var campusUrl = [
'https://www.thingjs.com/static/models/storehouse',
'https://www.thingjs.com/./uploads/wechat/oLX7p0wh7Ct3Y4sowypU5zinmUKY/scene/
%E5%9B%BE%E4%B9%A6%E9%A6%86%E5%A4%96'
]
// 存储创立实现的园区
var curCampus;
var app = new THING.App({url: campusUrl[0]
});
app.on('load', function (ev) {
curCampus = ev.campus;
app.level.change(curCampus);
new THING.widget.Button('场景切换', function () {
var url = curCampus.url;
// 动态创建园区
if (url === campusUrl[0]) {createCampus(campusUrl[1]);
}
else {createCampus(campusUrl[0]);
}
});
});
function createCampus(url) {
app.create({
type: "Campus",
url: url,
position: [0, 0, 0],
visible: false, // 创立园区过程中暗藏园区
complete: function (ev) {
// 新园区创立实现后删除之前的
curCampus.destroy();
// 将新园区赋给全局变量
curCampus = ev.object;
// 创立实现后显示（渐现）curCampus.fadeIn();
app.level.change(curCampus);
}
});
}动静切换其实应用的办法很简略，利用按钮事件进行操作，提供淡入淡出成果，3D 开发语言你也能够试试 JS！