rjamesnw / webgl-particles

WebGL Particles

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MRT Particles

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

screenshot

Requirements

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:

  1. Get the latest version of Chrome
  2. Go to chrome://flags/
  3. Enable "WebGL Draft Extensions" (chrome://flags/#enable-webgl-draft-extensions)
  4. For Windows, you might also need to enable D3D11 (chrome://flags/#enable-d3d11)

Controls

  • Click - set gravity point
  • Space - pause
  • Alt+Click - rotate/zoom/pan camera
  • Shift+R - reset camera

Copyright © 2015 Nop Jiarathanakul

About

WebGL Particles


Languages

Language:JavaScript 81.3%Language:CSS 9.2%Language:GLSL 7.9%Language:HTML 1.5%Language:Shell 0.2%