《WebGL 编程指南》笔记 —— 第四章 高级变换与动画基础

2017-10-01  本文已影响14人  fehysunny
  1. 模型变换(model transformation) or 建模变换 (modeling transformation):一个模型可能过了多次变换,将这些变换全部复合成一个等效的变换。
    相应地,模型变换的矩阵称为模型矩阵

复杂变换的矩阵可以通过一系列基本变换的矩阵相乘得到
通过反复变换和重绘图形可以生成动画效果。

  1. 变换等式

等式一: "平移"后的坐标 = 平移矩阵 × 原始坐标

等式二: "平移后旋转"后的坐标 = 旋转矩阵 × 平移后的坐标

等式一代入等式二,

等式三:"平移后旋转"后的坐标 = 旋转矩阵 × (平移矩阵 × 原始坐标)

  1. WebGL中,设置好的背景色在重设之前一直有效

如设置gl.clearColor(0.0, 0.0, 0.0, 1.0)后,再再次重设前,背景色将一直为黑色。

  1. requestAnimationFrame() 【HTML5】
    https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame

作用:对浏览器发出一个请求,请求在未来某个适当的时机调用tick()函数方法。

上一篇下一篇

猜你喜欢

热点阅读