glsl (WebGL) 粒子系统(Demo: 爆炸和跟随)

Demo: http://www.artvily.com/sample?sample=particle

效果图:

实现原理:

粒子系统包含两个方式:

1.纯粹由 GPU 计算, 每次运行时候只需传入时间和其他极少的参数,性能好，但是控制难度大，绘制批次不易管理。

2.一个容器一次生成很多粒子，一个大的粒子容器只需绘制一次，通过给GPU动态传入更改了的数据来实现动态图像。这种方式特点是在cpu端控制很方便，可以轻易实现大量的各种效果而且很多效果只会draw一次。缺点是动态更新gpu对应的数据。而且大部分计算在cpu端，可能会耗cpu性能。