
图形学系列教程
文章平均质量分 97
以实战为基础,带领读者逐步掌握图形学里各个知识点
爱写代码的辰洋
这个作者很懒,什么都没留下…
展开
-
图形学系列教程,带你从零开始入门图形学(包含配套代码)—— 纹理映射
在本教程中,你将学习纹理映射,通过在你之前的教程中一直使用的三角形上执行一些纹理映射操作来实现。纹理映射是将图像应用到构成你的场景的多边形上的过程,以提高视觉真实感。OpenGL 为我们做了很多繁重的工作,但我们仍然必须手动配置我们图形硬件的纹理单元,以便获得我们想要的图形结果。如果编译成功,当你运行程序时,你应该在屏幕上看到一个带有纹理的三角形。你可以使用箭头键旋转纹理,并使用数字键 1 和 2 切换双线性过滤和纹理重复。恭喜!原创 2024-09-12 15:41:11 · 1130 阅读 · 0 评论 -
图形学系列教程,带你从零开始入门图形学(包含配套代码)—— 视图矩阵 & 帧速率
现在你已经可以在世界空间中移动你的物体了,你可能也想知道如何移动你的视角。本教程将向你展示如何使用视图矩阵来做到这一点,并展示一个在 OpenGL 应用程序中使用的简单的“相机类”的示例。你还将看到如何以恒定的速度在你的场景中移动,而不管你的帧率是多少。在上一个教程中,你简单地了解了视图矩阵,它作为 OGLRenderer 类的一个成员变量和着色器的一个统一变量出现,但你并没有对它们做太多操作。在本课程中,你将学习如何操作视图矩阵,从而能够在你的场景中移动。原创 2024-09-06 11:41:57 · 2282 阅读 · 0 评论 -
图形学系列教程,带你从零开始入门图形学(包含配套代码)—— 顶点变换
在上一节教程中,你学会了在屏幕上绘制三角形 - 现在你将学习如何使用平移、缩放和旋转矩阵来变换该三角形。你还将学习投影矩阵的知识,它可以给你渲染场景的深度感。在第一个教程中,我们直接在裁剪空间中渲染了一个三角形。作为入门介绍这没问题,但从长远来看并不是特别有用!在本节课中,你将学习如何使用顶点着色器,将顶点从它们的局部坐标空间,经过模型矩阵和投影矩阵,依次变换到世界空间,最后到裁剪空间。模型矩阵、投影矩阵以及之后会介绍的视图矩阵和纹理矩阵都是一种变换矩阵——用于操作齐次坐标的矩阵。齐次坐标有一个额外的坐标w原创 2024-09-05 16:43:35 · 818 阅读 · 0 评论 -
图形学系列教程,带你从零开始入门图形学(包含配套代码)—— 你的第一个三角形
一个三角形——听起来很无聊,是吧?嗯,确实很无聊!但是在屏幕上绘制一个三角形将教给你 OpenGL 的基础知识,并让你在进行更高级的图形渲染的道路上顺利前行。为了使用 OpenGL 编写图形程序,你需要知道如何处理三种不同类型的数据——顶点数据、纹理数据和着色器。我们将在后面的教程中处理纹理数据;现在我们将集中精力于如何处理顶点数据和着色器。OpenGL 提供了用于复制顶点数据和编译着色器的函数,但在以“面向对象”的方式处理此类数据方面提供的帮助很少——没有类结构来整洁地封装功能。原创 2024-09-05 11:03:35 · 2206 阅读 · 0 评论 -
图形学系列教程,带你从零开始入门图形学(包含配套代码)—— 初探图形编程
本教程将向你介绍现代图形编程背后的概念,包括顶点数据是如何变成最终的像素化图像的。你将了解到可用于渲染图形的应用程序接口(API)、渲染过程中使用的数据类型,以及图形硬件是如何被编程的。不同于其他晦涩难懂的英文翻译产物,本教程将用通俗易懂的语言来带你入门图形学,并且每一章都有配套的练习代码,让你牢牢掌握学过的知识。原创 2024-09-03 13:43:24 · 1083 阅读 · 0 评论