gui = new THING.widget.Panel({ 'titleText': '第一人称行走', 'hasTitle': true });

gui.position = [10, 200];

gui.addBoolean(ctrl, 'enableKeyRotate').caption('键盘控制旋转');

gui.addBoolean(ctrl, 'useCollision').caption('碰撞检测');

gui.addBoolean(ctrl, 'useGravity').caption('重力检测');

gui.addNumberSlider(ctrl, 'gravity').caption('重力').step(1).min(0).max(50).isChangeValue(true);

gui.addNumberSlider(ctrl, 'jumpSpeed').caption('跳起速度').step(1).min(0).max(30).isChangeValue(true);

}

});

}

/**

* 删除控件

*/

function remove_control() {

if (ctrl) {

// 摄像机飞行到某位置

app.camera.flyTo({

'position': [36.013, 42.67799999999998, 61.72399999999999],

'target': [1.646, 7.891, 4.445],

'time': 1000,

'complete': function () {

app.removeControl(ctrl);

ctrl = null;

gui.destroy();

}

});

}

}

看下效果：

文章图片

【【1024程序员节】为什么有些程序员下班比你早？】ThingJS提供的可视化能力可以让物联网应用场景更易于被理解和掌控 ， 大幅提升客户满意度和解决方案竞争力 。 简单好用3D可视化平台ThingJS ， 前端工程师会js就可以的 ， 试一下你就知道如何做啦~