码迷,mamicode.com
首页 > Web开发 > 详细

webgl进阶之旋转的立方体

时间:2020-04-25 15:35:08      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:旋转   工作者   alt   权威指南   注意   图形   工作   视图   正交   

与其说是webgl,倒不如说是图形学,毕竟语言只是一个工具。

用过three.js或者其他三维库来开发三维程序的都知道,对于标题所指,其实实现起来很简单,拿three.js来说,一段很简短的代码就能实现:

技术图片

 

这里也感谢作者和其他开源工作者做出的贡献,因为他们的付出使得我们在web端开发三维程序的门槛大大降低,向大佬们致敬!!!

那么这么一个简单的立方体,究竟是怎样通过webgl实现的呢,今天,我们就来稍加说明一下(默认您已经了解基本的webgl和图形学相关知识,如果没有,请先看完《webgl权威指南》这本书)

1.MVP矩阵

即modelMatrix(模型矩阵)、viewMatrix(视图矩阵)、projMatrix(投影矩阵)
模型矩阵控制模型的旋转、平移;
视图矩阵控制相机相关的参数(position、lookAt、空间坐标系XYZ轴的方向);
投影矩阵控制三维物体观看的效果(透视相机、正交相机)。
所以一个空间三维几何体,在这些矩阵的共同作用下,就展示在我们面前了
注意

webgl进阶之旋转的立方体

标签:旋转   工作者   alt   权威指南   注意   图形   工作   视图   正交   

原文地址:https://www.cnblogs.com/eco-just/p/12773195.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!