Task E · 完整交互动画画布
集成创建对象、独立变换与动画、全局速度、背景与尺寸配置、清屏和PNG截图。
WebGL2 图形画布点击画布添加新对象
正在初始化WebGL2…
最终验收情境(15分)
- 添加1个周期缩放的圆、2个方向不同的三角形。
- 添加1个绕原点公转、1个绕自身中心旋转的正方形。
- 添加1个绕Y轴自转的四面体;共至少6个对象。
- 暂停/继续并改变速度;设置Canvas为960×540并改变背景。
- 点击“保存PNG截图”,检查尺寸、背景与图形。
- 一键清空,计数归零,再创建新对象验证状态。
截图仅保存WebGL Canvas像素,不包括右侧HTML控制面板。
提示:请从 index.html 进入各任务;GLSL ES 3.00 Shader存放在本HTML页面,JavaScript程序位于js/目录。所有图形由WebGL2绘制,无需网络连接。