基础知识06四边形结成一个正方体并转动[转]
基础知识06四边形组成一个正方体并转动[转]
转载 原文为 http://www.pan3d.me/tutorial 作者 Pan3d.Me
![基础知识06四边形结成一个正方体并转动[转] 基础知识06四边形结成一个正方体并转动[转]](/default/index/img?u=aHR0cDovL3d3dy5teWV4Y2VwdGlvbnMubmV0L2ltZy8yMDEyLzExLzEwLzE0MTAxMDEyNzcuanBn)
我们运行程序,可以看到,一个正方体在旋转,原理都是基于三角形来变成的, 可以从图中看出每个三角形的位置
打开程序,你会发现有很多条件 对应该的记录,在这里我并没有优化,我用 4*4=16个独立的点,贴图坐标也用到了16个
只是为了方便大家学习, 在以后一个立方体只需要 8个独立的点,如果4个面都是一样的贴图,那就只需要4个贴图坐标
(现在可以想想,怎么把这些点集合起来让程序不必要写这么多)
就现在的程序跟上一个程序对比,你可以发现,多出来的三角形都是一组一组的。 相对应该容易理解。
_triangles.indices.push(0, 1, 2);
_triangles.indices.push(0, 2, 3);
_triangles.indices.push(4, 5, 6);
_triangles.indices.push(4, 6, 7);
_triangles.indices.push(8, 9, 10);
_triangles.indices.push(8, 10, 11);
_triangles.indices.push(12, 13, 14);
_triangles.indices.push(12, 14, 15);
这就是意味着 有 4 个面, 8个三角形组成,你对比数组编号,然后从映射后的顶点坐标和贴图坐标中得到每个三角形
的贴图参数。
–附-> 现在旋转的角度 是 _r 那如果你将 _r = mouseX 试试,会出现什么样的效果
转载 原文为 http://www.pan3d.me/tutorial 作者 Pan3d.Me
我们运行程序,可以看到,一个正方体在旋转,原理都是基于三角形来变成的, 可以从图中看出每个三角形的位置
打开程序,你会发现有很多条件 对应该的记录,在这里我并没有优化,我用 4*4=16个独立的点,贴图坐标也用到了16个
只是为了方便大家学习, 在以后一个立方体只需要 8个独立的点,如果4个面都是一样的贴图,那就只需要4个贴图坐标
(现在可以想想,怎么把这些点集合起来让程序不必要写这么多)
就现在的程序跟上一个程序对比,你可以发现,多出来的三角形都是一组一组的。 相对应该容易理解。
_triangles.indices.push(0, 1, 2);
_triangles.indices.push(0, 2, 3);
_triangles.indices.push(4, 5, 6);
_triangles.indices.push(4, 6, 7);
_triangles.indices.push(8, 9, 10);
_triangles.indices.push(8, 10, 11);
_triangles.indices.push(12, 13, 14);
_triangles.indices.push(12, 14, 15);
这就是意味着 有 4 个面, 8个三角形组成,你对比数组编号,然后从映射后的顶点坐标和贴图坐标中得到每个三角形
的贴图参数。
–附-> 现在旋转的角度 是 _r 那如果你将 _r = mouseX 试试,会出现什么样的效果