用户634140841972

源码：https://github.com/buglas/webgl-lesson 在视图矩阵中，我们可以将算法和艺术相融合，让它充满乐趣。 就像下面的顶点，就是我通过三角...

源码：https://github.com/buglas/webgl-lesson 1-绘制彩色三角形 我们可以用独立三角形绘图。 效果如下： 为什么会画出一个具有三种颜色...

纹理，通常指的就是二维的栅格图像，我们可以将其作为webgl图形的贴图。 而在webgl 里，还有一个纹理对象的概念，它是对图像又做了一层封装，这个我们后面会详解。 接下来...

源码：https://github.com/buglas/webgl-lesson 纹理合成就是按照某种规则将多张图片合在一起。 比如这样： 或者这样： 亦或者，这样： 这...

源码：https://github.com/buglas/webgl-lesson 我们先说一下换装达人的实现原理。 1.用一张黑白遮罩图对两个纹理图案进行裁剪，裁出裙子的...

源码：https://github.com/buglas/webgl-lesson 我这里要说的跨域图像问题，并不单是webgl 问题，也是canvas 2d 里的问题。 ...

源码：https://github.com/buglas/webgl-lesson 我们之前使用texImage2D 方法将Image 图像源装进了纹理对象里： 我们也可以...

源码：https://github.com/buglas/webgl-lesson 我在说GLSL ES 语法之前，得先给大家说几个测试GLSL ES 语法的方法，不然大家...

第一章 GLSL ES 概述和基本规范 GLSL ES是在GLSL（OpenGL着色器语言）的基础上，删除和简化了一部分功能后形成的，ES版本主要降低了硬件功耗，减少了性能...

源码：https://github.com/buglas/webgl-lesson 1-渐变的画布 接下来我们画一个渐变的画布，其步骤如下： 1.绘制充满canvas的矩形...

源码：https://github.com/buglas/webgl-lesson 我们将之前线性的代码改改，便可以实现径向渐变。 1.在矩形面中，注释终点，添加半径 2....

源码：https://github.com/buglas/webgl-lesson 我们将之前径向渐变的代码改改，还可以实现极坐标渐变。 1.在矩形面中，注释终点 2.在片...

源码：https://github.com/buglas/webgl-lesson 通过径向渐变和极坐标渐变的原理，还可以实现三点渐变。 1.建立三个点 p1是点位，c1是...

源码：https://github.com/buglas/webgl-lesson 以前我们在说水波纹的时候，提到过正弦型函数，我们在这里也可以用正弦型函数做正弦型放射。 ...

源码：https://github.com/buglas/webgl-lesson 1-杂色原理 杂色的真谛就是通过有规律条件得到无规律的结果。 有规律的条件，是片元在ca...

源码：https://github.com/buglas/webgl-lesson 说放射前，我们需要先知道极坐标。 极坐标的创始人是牛顿，主要应用于数学领域。 1-极坐标...

源码：https://github.com/buglas/webgl-lesson 下图是我提前准备好的全景图： 极坐标扭曲效果如下： 这就像广角镜头一样，接下来咱们说一下...

源码：https://github.com/buglas/webgl-lesson 接下来我们将之前说过的渐变、杂色、极坐标扭曲、拉丝融为一体，做一个磨砂金属按钮。 1.先...

源码：https://github.com/buglas/webgl-lesson Element3是基于vue3.0 造的轮子，它是由许多大神主导开发的，比如Winter...

源码：https://github.com/buglas/webgl-lesson 1-基本概念 我们既然要进入三维世界，必须要先有坐标系的概念，而不要只想着如何让物体飞天...