美文网首页
二维渲染流程

二维渲染流程

作者: _小_悦_ | 来源:发表于2020-04-04 11:51 被阅读0次

物体的摆放问题:

即将物体从本地坐标系转换到世界坐标系需要使用世界变化矩阵(物体自身的旋转缩放平移或组合矩阵)

物体的观察问题:

从什么地方观察? 观察范围有多大? 需要使用投影变换矩阵

    1: 需要将物体移动相观察位置的平移量(-观察x, -观察y) => 平移矩阵
    2: 为了后面物体绘制时候方便处理需要将投影坐标系下面的物体缩放发哦我们知道的比例, 一般采用(-1, -1)(+1, +1)这个范围
    3: 最后决定哪一些物体在我们的投影范围内, 不在范围内的不绘制(投影裁剪)

物体的绘制问题:

将投影的图像花在什么地方, 以区域的左上角为(vx, vy), 区域的宽度为(vw, wh)

    1: 将投影图像缩放到绘制区域(视口区域)Scale(vw/2.0f, vh/2.0f)
    2: 将缩放后的图像平移到绘制位置 Translate(cx + vw / 2, vy + vh / 2)

过程如下:

    本地坐标系(模型)
            ||
            || <== 世界变化矩阵 [自身变化祝贺矩阵]
            ||
    世界坐标系(物体)
            ||
            || <== 投影变换矩阵 [平移, 缩放, 裁剪]
            ||
    投影坐标系
            ||
            || <== 视口变化矩阵 [缩放, 平移]
            ||
    视口坐标系

相关文章

  • 二维渲染流程

    物体的摆放问题: 即将物体从本地坐标系转换到世界坐标系需要使用世界变化矩阵(物体自身的旋转缩放平移或组合矩阵) 物...

  • 四、离屏渲染

    离屏渲染与正常渲染 屏幕上最终显示的数据有两种加载流程 正常渲染加载流程 离屏渲染加载流程离屏渲染与正常渲染 常⻅...

  • 浅谈 GPU 及 “App渲染流程”

    浅谈 GPU 及 “App渲染流程”浅谈 GPU 及 “App渲染流程”

  • 000_开篇词

    宏观视角下的浏览器 Chrome架构 TCP协议 HTTP请求流程 导航流程 渲染流程(上) 渲染流程(下) 浏览...

  • iOS深入剖析【离屏渲染】原理

    离屏渲染与正常渲染 屏幕上最终显示的数据有两种加载流程 正常渲染加载流程 离屏渲染加载流程 从图上看,他们之间的区...

  • OpenGL渲染流程

    OpenGL渲染流程 渲染框架 之前学习管线的时候,我们知道OpenGL的渲染流程是有固定次序的。那么先了解下渲染...

  • GPU图形渲染管线

    图形绘制管线描述GPU渲染流程,既“给定视点,三位物体,光源,照明模式,和纹理等元素,如何绘制一幅二维图像”。 在...

  • 《GPU编程与CG语言之阳春白雪下里巴人》书摘

    图形绘制管线描述GPU渲染流程,即“给定视点、三维物体、光源、照明模式和纹理等元素,如何绘制一幅二维图像” 坐标类...

  • OSG3.4内置Examples解析【目录】

    opengl渲染管线 从整体上解读OpenGL的渲染流程 一 从整体上解读OpenGL的渲染流程 二 osg与an...

  • iOS 离屏渲染

    硬件渲染流程 每帧的渲染 view的三层layerlabel只用2层 图片渲染流程 [图片上传中...(image...

网友评论

      本文标题:二维渲染流程

      本文链接:https://www.haomeiwen.com/subject/fcvrphtx.html