网格噪声（Cellular Noise）是一种现在被广泛使用的程序生成纹理技术，它的原理是将噪声和网格结合起来。

项目中有较多图片处理场景，补齐下相关知识点 。同时准备了40页配套PPT，需要的小伙伴可加VX or 公众号获取哈

引子 JavaScript WebGL 使用图片疑惑点中提到两张图片叠加，默认情况下，即使有透明的区域也不会透过看到。现在就来看这个透明的处理。 Origin My GitHub 关于透明 说到透明，

WebGL 中当透明和半透明物体共存时，相关设置不正确的话，物体表面会出现破碎杂乱的断面，非常影响效果，我们接着就来解决这个问题。 让物体实现半透明效果需要用到颜色的α分量。该功能被称为a混合(alpha blending) 或 混合 blending，WebGL已经内置该功能…

使用 canvas 绘制图片或者是文字在 Retina 屏中会非常模糊。如图： 因为 canvas 不是矢量图，而是像图片一样是位图模式的。高 dpi 显示设备意味着每平方英寸有更多的像素。也就是说二倍屏，浏览器就会以2个像素点的宽度来渲染一个像素，该 canvas 在 Ret…

节上一节的内容，上一节我们给我们绘制的三角形增加了一些趣味的内容，我们绘制了一个具有渐变色的三角形。这实际上就是给三角形的顶点的赋予了除开位置信息的颜色信息。这节内容我们继续为三角形的顶点增加一些别的信息，本节中我们会给三角形增加纹理坐标信息，利用这一点让我们来一起完成一个显示…

导读 阅读完此文，你会了解： 地图渲染中遇到的问题 之前的文章中[数据源与存储计算]提到过，地图的瓦片数据源是按照瓦片金字塔进行切割和索引的，地图引擎根据当前视窗的范围推算所需瓦片的索引值，然后加载和

这是我参与11月更文挑战的第4天，活动详情查看：2021最后一次更文挑战 友情提示 这篇文章是WebGL课程专栏的第32篇，强烈建议从前面开始看起。因为花了大量的工夫来讲解向量的概念和矩阵运算。这些基

要想使用 WebGL 直通 GPU 的渲染能力，很多同学的第一反应就是使用现成的开源项目，如著名的 Three.js 等。但是，直接套用它们就是唯一的选择了吗？如果想深入 WebGL 基础甚至自己造轮子，又该从何下手呢？本文希望以笔者自己的实践经验为例，科普一些图形基础库设计层…