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

  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()函数方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1 前言 OpenGL渲染3D模型离不开空间几何的数学理论知识,而本篇文章的目的就是对空间几何进行简单的介绍,并对...
    RichardJieChen阅读 12,090评论 1 11
  • 变换(Transformations) 我们可以尝试着在每一帧改变物体的顶点并且重设缓冲区从而使他们移动,但这太繁...
    IceMJ阅读 9,786评论 0 1
  • 1-4、软装设计常规难点 这是第一章的最后一小节,从第二章开始,就将正式进入我们的软装设计学习。 我在此先抛出三个...
    等等不再等阅读 4,119评论 0 0
  • 当室外温泉开始变得凉爽的时候,就意味着红叶季到来了。在如同燃烧了一般的自然绝景之中,悠闲的感受温泉带来的治愈之力,...
    29dc121261a7阅读 4,112评论 0 0
  • 这几天我暂停了每日的晨读,一方面着手准备调整工作岗位的事,在五月话题中,我说了这是我这个月的唯一目标。第二方面我在...
    周筠桐阅读 2,695评论 2 2

友情链接更多精彩内容