KingW

本节将学习OpenGL的着色器语言GLSL。 前面说了，3D编程要完成2件事。 着色器，也叫shader，字面意思就是用来着色的。当然，它也顺便完成了物体的空间变换。换句话说，3D渲染流水线就是在着色器中实现的，当然它要配合OpenGL的相关渲染指令来完成更加高级的操作，比如：…

本节介绍如何使用VAO和VBO进行图形绘制。 关于VAO和VBO的概念，大家可以查阅 LearnOpenGL 等相关教程，我如果介绍的话，篇幅就太长了。而这些常见的OpenGL概念网上资料很多，这里我只简单介绍下我对相关概念的理解，如果各位不了解话，请查阅相关的OpenGL书籍…

我的计划是带大家从零开始写一个简单的渲染引擎出来。当然，我不可能每行代码都放在文章中，每节内容我们围绕一个主题，我先讲解原理，再讲解OpenGL实现的关键代码，然而我会把代码给大家，大家自行查阅。一些基本的OpenGL知识，大家可以看 LearnOpenGL 的教程，这个教程是…

这就是流水线。 既然是流水线，那它的流程就相对固定。早期的OpenGL使用的是固定渲染管线，也就是说，它完全规定了物体渲染的若干个阶段，这样程序员就省事了，程序员只要调用相应的API给特定的渲染阶段设置参数即可。但这样的缺点也很明显，就是不灵活呀。就像以前的直板机（现在的老人机…

世界是3D的，显示器是2D，将三维空间的物体变换到二维空间，再到最终屏幕上成像的过程，在图形学中叫做3D渲染流水线。这个过程着实有点复杂了，让我们慢慢来，本节我们先介绍一些基本的空间变换知识。 这部分知识点非常重要，不管以后做游戏、仿真项目，还是其他图形应用，物体的空间变换是必…

上一节中我们在canvas中绘制了点，这一节我们来绘制直线。 今天我们来讲一个经典的算法：Bresenham算法。经典之所以是经典，因为它既保证了绘制直线的效率，而且也能绘制圆弧、抛物线等。 大家都知道，显示器屏幕像素是由像素组成的，我们看到画面的过程，其实就是每个像素填充不同…

canvas是HTML5新增的2D绘图标签，并为用户提供了一系列绘图命令，类似于windows中的GDI接口。我们的软渲染器就是要把图形绘制到canvas上，大家可以通过这个来了解下canvas的基本用法。在本教程中，我们仅使用canvas很少的几个接口，用到的时候我们再介绍。…