WebGL学习笔记（一）
目录 绘制二维图形（2D图形） 经过一下三个步骤 简单js程序代码 简单html文件代码 绘制实例（一个点） 着色器 ...
原文：WebGL学习笔记（十五）：模板缓冲
可以用来干啥 模板缓冲一般用来实现一些地面反射投影和类似镜子的特殊效果，如下： 开启模板缓冲 默认情况下，模板缓冲是关闭的，模板缓冲如果处于关闭状态，运行模板相关的代码不会报错，但是不会出现预期的效果。 使用下面的代码可以开启模板缓冲： 使用流程 模板缓冲可以确定下次渲染时，指定的像素是否要进行剔除，可以理解为每个像素只有 丢弃 和 保留 两个数值。 具体使用模板缓冲大体流程如下： 启用模板测试 ...
2019-11-17 16:00 0 284 推荐指数：
相关推荐
WebGL学习笔记（四）：绘图
图元 WebGL可以绘制非常复杂的3D模型，这些模型都是由下面3种基本几何图元构成的，下面我们来详细的看看。 三角形 WebGL中任何复杂的模型，都是由三角形组合而成的，可以说三角形是任意形状的最小构成单位。 WebGL可以绘制下面几种三角形： 独立的三角形（gl.TRIANGLES ...
WebGL学习笔记一
学习用来做web3D的，从第一页开始学起先做2D的，接下来的程序是一个入门级的程序，可以通过在画板上的不同位置点击而获取不同颜色的点，以画板中心为坐标原点四个象限有不同的颜色，访问地址 http://123.206.70.64:8080/WebGL2/ColoredPoints.html ...
webgl笔记-2.着色器和缓冲区
OpenGL的教程多以“画一个点”开始：简单的初始化过程后，调用glVertexXX()并传入描述点信息的位置。下面就是一个典型的OpenGL的HelloWorld代码。 开始学习WebGL的时候我试图寻找这样的代码，之后我发现在WebGL中，即使要画出一个点，也需要了解着色器和缓冲 ...
WEBGL学习笔记（二）：矩阵变换
游戏已经做好，但是博客园不能支持哈，我在我的独立博客里面加入了这个游戏。 加载时候会黑屏，等待数秒即可，点击这里体验试玩：FlappyBird3d游戏试玩 Three.js 使用 ...
WebGL学习笔记（六）：纹理贴图
只可以绘制纯色的模型是不够的，为了呈现出更真实的模型，我们还需要通过纹理贴图给模型进行上色。 丢失上下文 GPU作为一种公用资源，是会被多个进程同时使用的，在资源不足的情况下（比如PC或手机系统进 ...
WEBGL学习笔记（一）：创建场景
游戏已经做好，但是博客园不能支持哈，我在我的独立博客里面加入了这个游戏。 加载时候会黑屏，等待数秒即可，点击这里体验试玩：FlappyBird3d游戏试玩 初衷：最近在学习webgl，翻译一下用户帮助文档，希望对大家有所帮助！（进了一个什么webgl中文网的qq群，问了一个 ...
WebGL学习笔记（十六）：遮罩
这里总结下几种WebGL中实现遮罩的方法。 模板缓冲 模板缓冲可以实现渲染剔除，但是我们之前的学习里，剔除范围是基于上一次渲染的结果，且上一次的渲染也会进行显示，这样的话并不适合用来实现遮罩。 我们想实现遮罩的话，是希望只绘制模板缓冲而不绘制颜色缓冲。 想要实现这样的效果，可以借助 ...