计算机图形学
文章平均质量分 83
计算机图形学相关学习笔记
from_the_star
sorry,本人回复消息不及时,因工作繁忙很少上线。
展开
-
OpenGL如何将像素点的窗口空间坐标转换为世界坐标?
坐标变换的流程我们探讨的其实就是输入的顶点怎么变换为像素点的坐标(也就是窗口空间坐标),具体矩阵怎么求得感兴趣可以看下这篇文章。从物体空间到世界空间的变换是通过乘以基本变换矩阵(模型矩阵ModelMatrix)来实现的。从世界空间到摄像机空间的变换是通过乘以视图矩阵(ViewMatrix)来实现的、从摄像机空间到剪裁空间的变换是通过乘以投影矩阵(ProjectMatrix)来完成的,根据需求的不同可以选用正交投影或透视投影的相关变换矩阵。乘以投影矩阵后,任何一个点的坐标[x, y, z, w]原创 2020-07-15 17:55:02 · 4315 阅读 · 20 评论 -
计算机图形管线(实时渲染管线)
在计算机图形学中,计算机图形管线(渲染管线 或简称 图形管线)是一个概念模型,它描述了图形系统将 3D场景渲染到2D屏幕所需执行的步骤 。一旦创建了3D模型(例如在视频游戏或任何其他3D计算机动画中),图形管道就是将3D模型转换为计算机显示内容的过程。因为此操作所需的步骤取决于所使用的软件和硬件以及所需的显示特性,所以没有适用于所有情况的通用图形管线。顶点着色器(可编程),将顶点数组的点逐个传入顶点着色器进行处理,比如说旋转、视图透视投影转换等,再输出顶点数据几何着色器(可编程).原创 2020-07-06 01:08:05 · 988 阅读 · 0 评论 -
平面----计算机图形学的基础几何知识
平面在数学上的定义是,平面,是指面上任意两点的连线整个落在此面上。在现实生活中你很容易一眼看出什么平面,但是在计算机的程序里,你将如何表示一个平面的呢?又是怎么样求点到平面的距离?判断点在平面的正面还是反面?线与平面的交点又是怎么求出来的呢?这篇文章就简单讨论这么几个问题,本文代码有TypeScript所实现,看起来和其他面向对象语言一样,求点积叉积的方法不具体实现,如果有疑惑可以查看我之前的文章。平面的定义平面,我们可以通过一条法线和一个点来表示,这个点我们为了方便,就取法线的点, 由于原创 2020-07-05 18:16:05 · 1283 阅读 · 0 评论 -
点积和叉积在计算机图形学的应用
点积和叉积在计算机图形学中,是最为基础且重要的概念,初学者弄清它的概念的应用,是很重要的。先说明下,以下均采用列向量的表示方法,和线性代数书本上的行向量不同,采用列向量表示,则表达为列向量左乘矩阵,只是定义的不同,其他含义没有什么不同。点积点积在数学中,又称数量积(dot product; scalar product),是指接受在实数R上的两个向量并返回一个实数值标量的二元运算。它是欧几里得空间的标准内积。点积的结果是一个数。a→⋅b→=∣a∣∣b∣cosθ\overrightarrow{a}原创 2020-05-29 23:05:20 · 3837 阅读 · 1 评论 -
WebGL(四)三维世界的重要矩阵
三维世界与二维世界最大的区别就是有深度,也就是Z轴。但在计算机上,我们还是把三维世界场景绘制到二维的屏幕上。本节代码在链接的ch07文件夹,矩阵相关的在lib文件夹中的cuon-matrix.js。如何将三维世界上的物体投影到二维屏幕?这里的处理用到三个矩阵转换:模型矩阵:用来移动、旋转、拉伸物体。具体矩阵使用方式看这里。视图矩阵:获取在视点也就是相机位置观察到的场景。投影矩阵:将三...原创 2020-04-21 18:29:54 · 880 阅读 · 0 评论 -
三维图形投影变换
三维图形在计算机上显示,而计算机屏幕显示是二维的,这就要用到投影变换,将三维图形投影到平面显示。平行投影表示真实大小和形状的物体,视点在无穷远处,一般用于工程制图透视投影表示真实看到的物体,更具有立体感和真实感,视点在有限远处透视投影(perspective projection)是为了获得接近真实三维物体视觉效果而在二维平面上绘图或渲染的一种方法。它是3D渲染的基本概念,也是3D程序设...原创 2020-04-02 10:34:14 · 2220 阅读 · 0 评论 -
三维图形变换
有关二维图形几何变换的讨论,基本上都适用于三维空间。旋转变换重点介绍并证明下旋转证明绕z轴正向旋转后的坐标原创 2020-04-02 10:00:57 · 956 阅读 · 0 评论 -
二维图形的变换(矩阵形式)
变化图形就是变化图形的几何关系,即改变顶点的坐标,同时保持图形的原拓扑关系不变(即用结点、弧段和多边形所表示的实体之间的邻接、关联、包含和连通关系不变。如:点与点的邻接关系、点与面的包含关系、线与面的相离关系、面与面的重合关系等)计算机中的二维图形变换满足仿射变换仿射变换(Affine Transformation)1. “平直性”:直线经过变化之后依旧是直线2. “平行性”:平行线...原创 2020-04-01 18:00:42 · 6004 阅读 · 4 评论