Simulating 1 million particles on WebGL shaders with multiple render targets
Live demo: iamnop.com/particles-mrt
Blog: http://nopjia.blogspot.com/2014/06/webgl-gpu-particles.html
This demo requires the OES_texture_float
and WEBGL_draw_buffers
extensions. Please check at http://webglreport.com/ to see which extensions are supported by your browser.
If you do not have the extensions supported, you can try:
- Get the latest version of Chrome
- Go to chrome://flags/
- Enable "WebGL Draft Extensions" (chrome://flags/#enable-webgl-draft-extensions)
- For Windows, you might also need to enable D3D11 (chrome://flags/#enable-d3d11)
- Click - set gravity point
- Space - pause
- Alt+Click - rotate/zoom/pan camera
- Shift+R - reset camera
Copyright © 2015 Nop Jiarathanakul