计算机图形学 · 实验三
WebGL 2.0 · GLSL ES 3.00 · 基本几何变换与交互动画
← 返回实验三首页

Task D · 鼠标创建与独立对象状态

通过选择形状与变换行为,在Canvas点击处创建任意多个独立运动的对象。

WebGL2 图形画布点击画布添加新对象
您的浏览器不支持Canvas。
正在初始化WebGL2…

交互验收(20分)

  1. 画布中心点击得到世界中心(0,0);偏左上位置(200,150)约为(-0.667,+0.5)。
  2. 先添加两个圆,再添加两个三角形,旧对象全部保留。
  3. 分别选择X轴、30°角创建两个三角形,观察运动方向不同。
  4. 切换正方形为原点旋转和自身旋转;四面体选Y轴旋转,所有对象各自运动。
  5. 参数在点击那一刻保存;之后改变菜单不会修改先前对象。

提示:请从 index.html 进入各任务;GLSL ES 3.00 Shader存放在本HTML页面,JavaScript程序位于js/目录。所有图形由WebGL2绘制,无需网络连接。