03 2022 档案

JavaScript WebGL 矩阵
摘要：目录 引子 简介 单位矩阵 负矩阵 转置 基本运算 矩阵与向量相乘 二维变换 WebGL 二维变换 参考资料 引子 本以为可以开始尝试三维的效果了，查了一下资料之后发现要先了解矩阵。在这里集中收集一下相关基础知识点。 Origin My GitHub 简介 简单来说，矩阵（Matrix）是数字按行和 阅读全文
posted @ 2022-03-26 16:38 XXHolic 阅读(383) 评论(0) 推荐(0) 编辑
风场可视化：随机重置
摘要：引子 在绘制轨迹的效果中，过一段时间就会发现，最后只剩下固定的几条轨迹，原文中也提到了这种现象，也提供了解决思路，个人还是想结合源码再看看。 源库：webgl-wind Origin My GitHub 原因 随着时间推移，有些粒子产生的偏移超过了范围就会消失，所以需要随机重置消失的风粒子。 解决方 阅读全文
posted @ 2022-03-19 09:36 XXHolic 阅读(98) 评论(0) 推荐(0) 编辑
风场可视化：绘制轨迹
摘要：目录 引子 绘制轨迹 纹理 屏幕着色器程序 顶点数据 顶点着色器 片元着色器 更新着色器程序 顶点数据 顶点着色器 片元着色器 绘制 疑惑 参考资料 引子 了解绘制粒子之后，接着去看如何绘制粒子轨迹。 源库：webgl-wind Origin My GitHub 绘制轨迹 在原文中提到绘制轨迹的方法 阅读全文
posted @ 2022-03-12 09:47 XXHolic 阅读(328) 评论(0) 推荐(0) 编辑
风场可视化：绘制粒子
摘要：目录 引子 绘制地图粒子 绘制风粒子 颜色数据 顶点数据和状态数据 顶点着色器 片元着色器 绘制 小结 参考资料 引子 了解风场数据之后，接着去看如何绘制粒子。 源库：webgl-wind Origin My GitHub 绘制地图粒子 查看源库，发现单独有一个 Canvas 绘制地图，获取的世界地 阅读全文
posted @ 2022-03-05 09:44 XXHolic 阅读(395) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示