XXHolic

引子 在 JavaScript WebGL 三维相关概念中尝试一些效果的时候，又碰到了新问题，就去查了资料，自己尝试后总结下。 Origin My GitHub 绘制顺序 之前二维绘制顺序并没有产生明

引子 在 JavaScript WebGL 矩阵之后，发现在实现三维效果之前还有一些概念需要理解，就去查了下资料，按照自己的习惯整合了一下。 Origin My GitHub 齐次坐标 三维坐标理论上

引子 本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。 Origin My GitHub 简介 简单来说，矩阵（Matrix）是数字按行和列的矩形排

引子 在绘制轨迹的效果中，过一段时间就会发现，最后只剩下固定的几条轨迹，原文中也提到了这种现象，也提供了解决思路，个人还是想结合源码再看看。 源库：webgl-wind Origin My GitHu

引子 了解绘制粒子之后，接着去看如何绘制粒子轨迹。 源库：webgl-wind Origin My GitHub 绘制轨迹 在原文中提到绘制轨迹的方法是将粒子绘制到纹理中，然后在下一帧上使用该纹理作为

引子 了解风场数据之后，接着去看如何绘制粒子。 源库：webgl-wind Origin My GitHub 绘制地图粒子 查看源库，发现单独有一个 Canvas 绘制地图，获取的世界地图海岸线坐标，

引子 了解 WebGL 基础之后，接着去看获取解析风场数据的逻辑，又遇到问题。 系统：MacOS 版本：11.6 Origin My GitHub 安装 ecCodes 在文章示例源库的说明中，首先要

引子 在看 How I built a wind map with WebGL 的时候，里面用到了 framebuffer ，就去查了下资料单独尝试了一下。 Origin My GitHub 帧缓冲区

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