Task D · 鼠标创建与独立对象状态
通过选择形状与变换行为,在Canvas点击处创建任意多个独立运动的对象。
WebGL2 图形画布点击画布添加新对象
正在初始化WebGL2…
交互验收(20分)
- 画布中心点击得到世界中心(0,0);偏左上位置(200,150)约为(-0.667,+0.5)。
- 先添加两个圆,再添加两个三角形,旧对象全部保留。
- 分别选择X轴、30°角创建两个三角形,观察运动方向不同。
- 切换正方形为原点旋转和自身旋转;四面体选Y轴旋转,所有对象各自运动。
- 参数在点击那一刻保存;之后改变菜单不会修改先前对象。
提示:请从 index.html 进入各任务;GLSL ES 3.00 Shader存放在本HTML页面,JavaScript程序位于js/目录。所有图形由WebGL2绘制,无需网络连接。