计算机图形学 · 实验三
第四章第一部分 · 基本几何变换
WebGL 2.0 · 可离线运行

从基本变换到动态场景

WebGL交互式几何动画画布 · A—E 全部任务已实现 · 每个任务均可独立打开并验收。

实验主线:局部几何数据 → 4×4变换矩阵 → 动画参数 → 鼠标创建对象 → 多对象独立更新 → 清屏与PNG输出。
本项目不依赖CDN;点击各任务进入独立HTML页面,所有核心几何图形均由WebGL2生成。
基本操作:进入 Task D / Task E 后,先在右侧选择形状与变换方式(圆为周期缩放,三角形为往复平移,正方形/四面体可选平移、旋转、缩放),再在画布上单击即可创建对象;每个对象在点击瞬间保存当前参数。右侧“全局速度”和“暂停/继续”作用于全部对象;Task E 还可修改画布尺寸与背景色、保存 PNG 截图、一键清空画布。
TASK A · 10分

模型与画布基础 →

四种几何模型与固定局部顶点数据,正确复用GPU Buffer。

TASK B · 25分

变换矩阵 →

平移、旋转、缩放和 R·T / T·R 的对照;五项数学验证。

TASK C · 20分

独立动画 →

圆周期缩放、三角形往复、正方形绕原点旋转、四面体自转。

TASK D · 20分

鼠标添加对象 →

点击创建实例、方向和变换模式选择、参数快照及全局播放控制。

TASK E · 15分

最终动画画布 →

画布尺寸与背景、自定义对象、清屏与PNG截图一体化。

验收与提交

目录采用 实验3_学号/,含 index.html、task-a.html 至 task-e.html、common/、js/、ai-log.md。本包已完成 A—E 全部必做功能,并附 ai-log.md 的 AI 协作与核验记录。正式提交时ZIP命名为 实验3_学号.zip,邮件与课程平台两处上传相同压缩包。

公共库文件名与前两次实验保持一致。此压缩包携带课程风格的离线兼容实现;没有附带第三方CDN依赖。