当前位置: 首页 > Web前端 > HTML

如何在Kitten中绘制两个相邻的立方体并响应用户输入事件

时间:2023-03-29 12:27:40 HTML

作用:按键盘上的上下箭头缩放立方体的边长。按键盘上的左右箭头可调整最上表面的倾斜角度。按住键盘1、2可调整立方体的斜边长度。实现原理变量水平偏移,用于定义绘制第一个立方体后绘制第二个立方体的画笔起点的x坐标。此处的y坐标被硬编码为0。此偏移量的值始终等于立方体的边长。在绘制两个立方体函数中,分别从(0,0)和(offset,0)两点绘制立方体。当用户响应一个事件时,如果立方体的边长发生变化,记得同步更新水平方向的偏移量,使两个变量的值始终相同,然后清空画笔使之前的绘制的图形从画布中消失,然后使用最新的边长绘制图形。从上次保存的project工程文件可以看出,kitten中的变量很有意思,也可以显示在canvas上,但是大多数时候我们设置visible属性为false来隐藏它:而我们在中使用的audio项目文件,也包含在CDN上并嵌入。小猫编辑器工具栏中这些块的顺序:在toolbox_order数组中定义:这个在线小猫编辑器需要WebGL支持。在背包中创建一个新的材料集:您可以将材料移动到背包中:右键单击??为积木添加全局注释:单击一个积木为其添加局部注释: