试验5索引数组插值与变形2课时.DOC

实验5 索引数组、插值与变形(2课时) 实验目的 掌握索引数组的使用； 掌握片元Shader中插值属性的利用； 掌握利用顶点Shader实现变形动画的方法。 关于提交 无需实验报告，但程序(将.html、.js主文件和辅助文件打包，要求解压后可直接点击html文件运行)需在指定时间内通过泛雅平台提交。 实验内容 本实验将绘制一个旋转的形变立方体： 立方体的绘制采用索引数组，以减少存储开销 用鼠标按键控制旋转方向(左键绕x轴旋转，中键绕y轴旋转，右键绕z轴旋转)； 动画实现中使用requestAnimFrame刷新，并精确控制动画速度； 在片元Shader中利用插值得到的属性自动计算片元颜色； 对立方体的面进行细分后，只保存立方体的一个面的顶点数据，通过旋转变换绘制其他面； 实现立方体和球之间的形变动画 创作(额外创建项目)： 使用索引数组绘制自己的个性化模型，并设计形变动画，以及在Shader中自动生成颜色的方案！ 实验步骤 本次实验提供了程序文件，首先修改html和js主文件命名为：00ZK_Morph (00ZK要替换成自己的学号末两位和姓名拼音首字母)，html文件中的主程序文件名也相应修改，并将页面标题改为自己的学号姓名。 此时已可编译运行，只是未绘制任何图形。关于js程序框架，做以下几点说明： 因为此次编写的是三维图形程序，已启用深度检测 为提高效率，开启了背面剔除，因