ThingJS中有很多官方的例子,非常简单明了,方便用户查看和使用,但是有一个非常好用的功能,在开发过程中很容易被忽略,大多数人只是快速浏览一下这些官方示例,有时不浏览它们就开始尝试开发。其实除了官方的例子,ThingJS的快捷代码功能也很方便!需要的代码可以直接添加到正在编辑的项目文件中(光标所在位置)。快捷代码功能ThingJS的快捷代码功能,从场景到合成,每一个快捷代码都可以简化我们的开发。快捷代码有以下六个主要功能:场景、对象创建、控制对象、事件、控制级别、地图、Camera、UI、Controls、References、Synthesis。特别是在合成栏的快捷代码中,有一个场景预览的快捷代码。只需导入此快捷代码,即可快速让您的场景成为预览选项!使用方法如下:将鼠标放在左上角的快捷代码上,选择栏目,然后双击相应的功能,点击该功能即可出现在当前项目上(温馨提示,请注意到代码的位置,代码的位置需要根据个人要求调整,快捷代码出现的位置就是鼠标光标在项目中最后出现的位置。)THING.Utils.dynamicLoad(['https://www.thingjs.com/guide/ScenePreview/v0.1.7/AppPreview.min.js'],function(){newAppPreview({app:app,type:'scene'});})下面是官方给出的设置对象可拖动的例子。这个官方示例在快捷代码中。使用这个函数可以参考快捷方式代码,也可以直接copy这个放在ThingJS工程中。~//设置对象可拖动obj.draggable=true;/*dragdragstartdragend事件参数:*{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语言基础就可以开发3D可视化场景。程序员不需要了解太多的模型知识,可以使用ThingJS简化3D可视化场景的开发。
