在 ThingJS 中有许多的官网示例,很直白也很容易被使用者查看和应用,然而在开发的过程中有一个十分有用的性能非常容易被忽视,大多数的人只是疾速浏览了一遍这些官网示例,有时候并没有浏览残缺就开始尝试开发。实际上,除了官网示例,ThingJS 的快捷代码性能也十分不便!能够间接将所需代码增加到所编辑的我的项目文件(光标所在位置)中。
快捷代码性能
ThingJS 的快捷代码性能,从场景到综合,每个快捷代码都能简化咱们的开发,快捷代码有领有以下六个次要性能:场景、创立物体、管制物体、事件、管制层级、地图、摄影机、界面、控件、援用资源、综合。
尤其是快捷代码中的综合这一栏,其中有一个场景预览的快捷代码,只须要引入这个快捷代码,就能十分迅速的让你的场景呈现预览选项啦!
应用办法如下:鼠标搁置在左上角快捷代码处,抉择栏目,而后双击对应性能,点击该性能即可呈现在以后我的项目上 (舒适贴士揭示,请留神代码呈现的地位问题,呈现的代码地位须要依照集体要求来进行调整,快捷代码呈现的地位为鼠标光标最初一次呈现在我的项目中的地位。)
THING.Utils.dynamicLoad(['https://www.thingjs.com/guide/ScenePreview/v0.1.7/AppPreview.min.js'],
function () {new AppPreview({ app: app, type: 'scene'});
}
)
以下是设置物体可拖拽的官网示例,这个官网示例在快捷代码中,应用这个性能能够从快捷代码援用,也能够间接去复制这个而后放到 ThingJS 的我的项目中去哟~
// 设置物体可拖拽
obj.draggable = true;
/* drag dragstart dragend 事件参数:
* {Number} ev.x 鼠标拾取处的屏幕横坐标
* {Number} ev.y 鼠标拾取处的屏幕纵坐标
* {THING.BaseObject} ev.object 拖拽的物体
* {Array} ev.pickedPosition 鼠标拾取 3D 场景中的世界坐标
* {Boolean} ev.altKey 拖拽时是否按下 Alt 键
* {Boolean} ev.ctrlKey 拖拽时是否按下 Ctrl 键
* {Boolean} ev.shiftKey 拖拽时是否按下 Shift 键
*/
// 开始拖拽
obj.on('dragstart', function(ev) {console.log('开始拖拽');
});
// 拖拽中
obj.on('drag', function(ev) {if (ev.picked) {console.log(ev.pickedPosition);
}
});
// 拖拽完结
obj.on('dragend',function(ev) {console.log('完结拖拽');
});
ThingJS 应用 JavaScript 语言进行开发。不仅能够针对单栋或多栋修建组成的园区场景进行可视化开发,也能够针对地图级别场景进行开发。无论 3D 场景搭建、3D 成果制作、物联网数据接入,还是 3D 可视化的物联网利用开发,ThingJS 致力于将门槛降到最低、开发周期缩到最短、开发成本降到起码。将开发难度升高到只须要 JavaScript 语言根底就能开发三维可视化场景,程序员不须要过于理解模型常识,也能应用 ThingJS 来简化 3D 可视化场景的开发。