如何通过脚本实现键盘监听

应用场景

将键盘交互事件做为一个DTwin的变量输入,供3D场景使用。

操作步骤

编辑脚本—> 增加空对象并挂载脚本组件—>脚本监听变量的使用

Step1(编辑脚本)

在资源视窗区域,选在脚本栏,新增脚本。

脚本内容如下:

{  start: function (self, ctx) {  
// 添加键盘事件监听, 添加 KeyCode.       
 document.addEventListener('keydown', (e) => {
 self.setParameter('__keycode__', e.key);        });    },}
{  start: function (self, ctx) {  
// 添加键盘事件监听, 添加 KeyCode.       
 document.addEventListener('keydown', (e) => {
 self.setParameter('__keycode__', e.key);        });    },}

注:__keycode__为脚本设置的脚本监听变量,后续使用时数据变量应为__keycode__,同时我们也可以根据自己的需要在脚本中设置其他变量名。

Step2(增加空对象并挂载脚本组件)

在场景中增加空对象,并挂载脚本组件,同时选择已经完成键盘监听脚本。根据需要选择脚本执行范围。

1

Step3(键盘监听变量的使用)

可以通过指令组件来使用键盘监听变量。

例如想让按键盘“1”时执行某个动作,执行条件可以配置为:#{__keycode__} == 1

实例如下:
2

实例说明:当按键盘“1”时,通过内置的visible属性变更,让目标对象(立方体)隐藏。

阿里云首页 工业大脑开放平台 相关技术圈