3D开发搞技术的朋友一定不陌生,做一个3D可视化应用那是相当有面子的,这不仅考验工程师的技术,还能丰富自己的3D开发经验。我们都知道3D开发平台有那么几个平台是最常用的,thingjs、threejs、cesium等等,到底哪个3D开发平台更好使用,更好操作呢?一起来了解一下吧!
在线调试
ThingJS 在线开发环境中可以通过在代码里加入 “debugger” 关键字进行调试,调试步骤如下:
在代码中加入 “debugger” 关键字
F12 打开浏览器控制台
点击按钮运行代码
在浏览器控制台中查看断点位置
F12 调试
和普通页面调试方法一样,直接打开 F12 在 Sources 里 找到 debug.js文件,在里面打断点即可调试,调试步骤如下:
F12键调出浏览器控制台可以查看在线开发环境相关信息
点击选择“Sources - Page”
选择Top目录下的ifId(about:blank) - (no - domain -debug.js)
在浏览器控制台的debug.js文件点击断点行数
点击在线开发工具栏“执行项目”图标
/**
* 说明:通过请求数据 动态创建柜子中的书
*/
var app = new THING.App({
url: 'https://www.thingjs.com/static/models/storehouse' // 场景地址
});
// 请求书籍数据的url
var url = 'https://www.thingjs.com/static/data/books.json';
// 书籍的物体面板
var panel;
app.on('load', function (ev) {
// 开启层级切换
app.level.change(ev.campus);
// 获取目标书柜
var cabinetSelector = app.query('cabinetB4')[0];
// 点击按钮到目标书柜
new THING.widget.Button('目标书柜', function () {