文件名称：perlin_noise_flowfields:使用perlin杂讯和流场创建漂亮的图片
文件大小：7.32MB
文件格式：ZIP
更新时间：2024-05-19 13:27:55
p5js perlin-noise flowfield particle-system JavaScript
perlin_noise_flowfields Using perlin noise and flowfields to create beautiful pictures. 使用柏林噪声和向量场来实现优美图像的绘制，大概原理是：将画布分为若干小方格当作向量场，每个小方格里面根据柏林噪声生成梯度方向当作向量，然后使用粒子系统随机运动，粒子的加速度是为当下运动到的小方格里面的向量。随着时间的变化，向量场发生着有规律的变化，粒子运动的轨迹就是随机但又有一定规律的曲线，若干粒子的运动曲线就组合成了优美的图像。 代码架构 原理解析 柏林噪声 粒子系统 向量场 绘制曲线 代码架构 home.html 浏览器打开主页 perlin_noise.js Perlin Noise的生成代码 particle.js 粒子系统 sketch.js 向量场构造，绘制优美图形 原理解析 柏林
【文件预览】：
perlin_noise_flowfields-master
----home.html(269B)
----pics()
--------pn_3.png(1.92MB)
--------test.pic(1B)
--------pn_14.png(1.5MB)
--------flowfields.png(12KB)
--------perlin_noise.png(5KB)
--------pn_9.png(1.66MB)
--------pn_6.png(2.22MB)
----perlin_noise.js(5KB)
----README.md(6KB)
----sketch.js(3KB)
----particle.js(2KB)