XXHolic

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

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

引子 了解绘制粒子之后，接着去看如何绘制粒子轨迹。 源库：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 ...

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

引子 JavaScript WebGL 使用图片之后产生了一些疑问。 Origin My GitHub 为什么纹理坐标取几个点就可以获取图片内容？ WebGL 中图像的坐标...

引子 JavaScript WebGL 设置颜色效果始终有限，这时候就会想到使用图片，这就涉及到 WebGL 中的纹理使用，比预想中要麻烦的多。 Origin My Git...

引子 JavaScript WebGL 绘制一个面之后想着可以尝试复杂一点的了，没想到设置颜色的时候又出现问题了。 Origin My GitHub 设置颜色 在之前的示例...

引子 JavaScript WebGL 基础疑惑点之后进行了一些优化，然后尝试绘制常见二维的面。 WebGL 中几何体最终都是由三角形构成，由三角形切入比较合适。 Orig...

引子 尝试 JavaScript WebGL 绘制一条直线 之后总算是熟悉了一点，但还是有些疑惑，在此集中记录一下。 Origin My GitHub 顶点坐标范围为什么要...

引子 接着 WebGL 基础概念，做一个绘制直线的简单示例。 主要参考以下两篇文章： 绘制一个点 绘制三角形 Origin My GitHub 绘制一条线 下面不会对每个使...

引子 看了一个库的源码，里面用到了 WebGL ，就开始找 WebGL 的资料。发现相关的知识点很多，按照自己的理解习惯进行了整理记录。 Origin My GitHub ...

引子 继双角线，接着尝试心形线（Cardioid）。 Origin My GitHub 简介 Cardioid 是 Castillon 在 1741 年《Philosoph...

引子 继星形线，接着尝试双角线（Bicorn）。 Origin My GitHub 简介 双角线也称为三角帽（cocked-ha）曲线，是 Sylvester 在 1864...