摘要：
目录 引子 相关概念 Runge-Kutta 参考资料 引子 在 Filed Play：简介中提到了这个方法，查资料了解了一下。 Origin My GitHub 相关概念 极限 有时不能直接计算某个值，但可以看看逐渐接近时的情况，看下面的例子： 当 x = 1 时，发现结果是 0/0 ，这个在数学 阅读全文
摘要：
目录 引子 What? How this project works? Float packing 参考资料 引子 在尝试数学函数可视化的时候，发现了一个有趣的库 Field Play ，对 README 中的说明进行部分翻译记录，做个初步了解。 Origin My GitHub What? 让我们 阅读全文
摘要：
引子 在 JavaScript WebGL 三维相关概念中尝试一些效果的时候，又碰到了新问题，就去查了资料，自己尝试后总结下。 Origin My GitHub 绘制顺序 之前二维绘制顺序并没有产生明显的不好效果，现在绘制三维影响就比较大了。 先看看二维相同一套顶点不同顺序的效果： 二维面顺序示例 阅读全文
摘要：
目录 引子 齐次坐标 空间转换 可视域 参考资料 引子 在 JavaScript WebGL 矩阵之后，发现在实现三维效果之前还有一些概念需要理解，就去查了下资料，按照自己的习惯整合了一下。 Origin My GitHub 齐次坐标 三维坐标理论上三个分量就够了，但在看相关程序的时候，发现会出现 阅读全文
摘要：
目录 引子 简介 单位矩阵 负矩阵 转置 基本运算 矩阵与向量相乘 二维变换 WebGL 二维变换 参考资料 引子 本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。 Origin My GitHub 简介 简单来说，矩阵（Matrix）是数字按行和 阅读全文
摘要：
引子 在绘制轨迹的效果中，过一段时间就会发现，最后只剩下固定的几条轨迹，原文中也提到了这种现象，也提供了解决思路，个人还是想结合源码再看看。 源库：webgl-wind Origin My GitHub 原因 随着时间推移，有些粒子产生的偏移超过了范围就会消失，所以需要随机重置消失的风粒子。 解决方 阅读全文
摘要：
目录 引子 绘制轨迹 纹理 屏幕着色器程序 顶点数据 顶点着色器 片元着色器 更新着色器程序 顶点数据 顶点着色器 片元着色器 绘制 疑惑 参考资料 引子 了解绘制粒子之后，接着去看如何绘制粒子轨迹。 源库：webgl-wind Origin My GitHub 绘制轨迹 在原文中提到绘制轨迹的方法 阅读全文
摘要：
目录 引子 绘制地图粒子 绘制风粒子 颜色数据 顶点数据和状态数据 顶点着色器 片元着色器 绘制 小结 参考资料 引子 了解风场数据之后，接着去看如何绘制粒子。 源库：webgl-wind Origin My GitHub 绘制地图粒子 查看源库，发现单独有一个 Canvas 绘制地图，获取的世界地 阅读全文
摘要：
目录 引子 安装 ecCodes 执行脚本 数据生成 数据含义 参考资料 引子 了解 WebGL 基础之后，接着去看获取解析风场数据的逻辑，又遇到问题。 系统：MacOS 版本：11.6 Origin My GitHub 安装 ecCodes 在文章示例源库的说明中，首先要安装 ecCodes ，尝 阅读全文
摘要：
目录 引子 正文 粒子状态编码为颜色 状态保持 纹理作为顶点属性缓冲区 障碍物 未来想法 参考资料 引子 想到原文中有提到参考的教程，就去看了下，发现对一些逻辑的理解很有帮助，顺便翻译记录一下。 原文：A GPU Approach to Particle Physics Origin My GitH 阅读全文