早前看Edan Kwan大神的Particle Love网站,完全被酷炫的粒子效果震撼了,一直想学习这些效果是怎么实现的。最近又鼓起学习WEBGL的勇气,翻了翻大神的Github,发现其中提到了curl noise的概念,于是goolge了一些相关文章,这些文章大都充斥着数学符号和专业术语,偏于理论对初学者不太友好。好在最后发现了一篇Peter Werner的PPT ,里面对理论和实践方法都做了清晰的解释。有了基本原理和大神的源码加持,尝试用three.js的GPU Computation Renderer实现了基本效果。

Github源码地址