XXHolic

引子在绘制轨迹的效果中，过一段时间就会发现，最后只剩下固定的几条轨迹，原文中也提到了这种现象，也提供了解决思路，个人还是想结合源码再看看。源库：webgl-windOriginMy GitHub原因随着时间推移，有些粒子产生的偏移超过了范围就会消失，所以需要随机重置消失的风粒子。解决方案需要考虑的问题有：什么时候重置？重置的判断条件是什么？重置的方式是什么？什么时候重置？在绘制轨迹中，我们知道了产生的偏移是在最后更新粒子纹理信息阶段，这个时机判断保留新的粒子状态

引子了解绘制粒子之后，接着去看如何绘制粒子轨迹。源库：webgl-windOriginMy GitHub绘制轨迹在原文中提到绘制轨迹的方法是将粒子绘制到纹理中，然后在下一帧上使用该纹理作为背景（稍微变暗），并每一帧交换输入/目标纹理。这里涉及两个重点使用的 WebGL 功能点：JavaScript WebGL 图片透明处理JavaScript WebGL 帧缓冲区对象基于绘制粒子的基础上，增加逻辑的主要思路：初始化时，增加了背景纹理 B 和屏幕纹理 S 。创建每个

引子了解风场数据之后，接着去看如何绘制粒子。源库：webgl-windOriginMy GitHub绘制地图粒子查看源库，发现单独有一个 Canvas 绘制地图，获取的世界地图海岸线坐标，主要格式如下：{ "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": { "scalerank": 1, "featu

引子了解 WebGL 基础之后，接着去看获取解析风场数据的逻辑，又遇到问题。系统：MacOS版本：11.6OriginMy GitHub安装 ecCodes在文章示例源库的说明中，首先要安装 ecCodes ，尝试使用 HomeBrew 但不行。于是就按照 ecCodes 源库的介绍本地进行编译安装。在进行第 4 步的时候，碰到了问题：No CMAKE_Fortran_COMPILER could be found.查询资料说是缺少 gfortran ，可以使用命

引子想到原文中有提到参考的教程，就去看了下，发现对一些逻辑的理解很有帮助，顺便翻译记录一下。原文：A GPU Approach to Particle PhysicsOriginMy GitHub正文我的 GPGPU 系列的下一个项目是一个粒子物理引擎，它在 GPU 上计算整个物理模拟。粒子受重力影响，会与场景几何体产生反弹。这个 WebGL 演示使用了着色器功能，并不需要严格按照 OpenGL ES 2.0 规范要求，因此它可能在某些平台上无法工作，尤其是在移动设备上。这将在本

引子对风场可视化的效果感兴趣，搜资料的时候发现这篇文章，读了后觉得翻译一下以便再次查阅。原文：How I built a wind map with WebGLOriginMy GitHub正文查看我的基于 WebGL 的风场模拟演示！让我们深入了解它的工作原理。我要坦白的说：在 Mapbox 工作的最后几年里，我像躲避瘟疫一样避免直接的 OpenGL/WebGL 编程。原因之一：OpenGL API 和术语让我深感恐惧。它看起来总是那么复杂、混乱、丑陋和冗长，以至于我永远都