FluidAutomataJS

Port of Fluid Automata to WebGL. Works well on Chrome, Firefox, and Safari.

Instructions:

• Clone or download and unzip code and run fluidautomata.html from your local webserver.

• Using the control panel, you can click on presets, change fluid and image processing paramaters, turn the fluids on and off, and change the background texture to an image, webcam, video, or colored pixels.

Demo:

• A working demo can be found at: http://creativecoding.evl.uic.edu/fluidautomata/.

• Click on 'Close Controls' and then Press 'H' to completely hide the Control Panel. Press 'H' again to bring it back.

Issues:

• I would be grateful if someone wants to help me debug how to make sure the webcam works properly in Chrome and Safari (sometimes it doesn't ask permissions to use webcam).

• I haven't gotten around to implementing multi-touch for tablets & phones. Should be easy enough to do if someone wants to take a stab at it...

Technical Details:

• A. G. Forbes, T. Hollerer, and G. Legrady. Generative fluid profiles for interactive media arts projects. Proc. ACM/Eurographics International Symposium on Computational Aesthetics in Graphics, Visualization, and Imaging (CAe), pages 37-43, 2013. http://creativecoding.evl.uic.edu/pdfs/Forbes_GenerativeFluidProfiles_CAe2013.pdf.