学习数字孪生体可视化时间不长,第一个制作目标是在数字孪生体可视化场景中实现一个自由??飞行的相机。使用WSAD键控制相机前后左右移动,使用QE控制相机仰角。这个功能比较简单,代码一目了然。不解释太多,直接上传代码即可。varapp=newTHING.App({url:'https://www.thingjs.com/static/models/storehouse'});//执行app.on('load',function(){//创建按钮newTHING.widget.Button('Addcontrol',add_control);newTHING.widget.Button('Removecontrol',remove_control);});/***添加控件*/varctrl=null;functionadd_control(){if(!ctrl){ctrl=app.addControl(newTHING.FlyControl());initThingJsTip("控件添加成功!
键盘WASD控制飞行,QE控制升降");}}/***删除控件*/functionremove_control(){if(ctrl){app.removeControl(ctrl);Ctrl=空;initThingJsTip("本例程展示了平台内置的键盘控制相机交互控件,添加控件后可以使用键盘WASD控制飞行,QE控制升降机,点击左侧按钮体验");}}不仅可以用在摄像头上,也可以用在数字孪生可视化场景中。我采用的方法是使用平台自带的键盘来控制相机的交互控件。添加控件后,可以使用键盘WASD控制飞行,QE控制升降机,点击左键触发THING.FlyControl事件,使用键盘控制相机角度。只需简单添加控件即可实现相机的自由飞行。像我这样刚接触数字孪生体可视化的初学者可以尝试一下。————————————————————数字孪生可视化:https://www.thingjs.com/
