A. Project: Motion in Water💧🩸
B. Inspiration – Ink
– Inspo 1
– Inspo 2
– Inspo 3
C. Concept
How colorful particles in water spread shows the motion in water.
D. Interaction
• Mouse (keep pressing) – dripping ink
• Gui – change the RGB color & density
E. Motion
• Generating texture:
– background transparency
– blobby effects (removed in colorful version)
– blendMode!! (computational process)
– size transformation
• Random but orderly motion:
– noise() in angle – random
– sin() – orderly fluctuation
F. Process
1. Start with my W03- Tornado code
2. Add Waterlevel 3. Start diffusing4. Play with transparency & blobby effect – Smoke/ Steam5. Add buoyancy 6. After Moon’s help, motion had noise() in angle7. Try white background and blendMode(MULTIPLY) – terrible frame rate8. Remove water level – waterfall 9. Add mouse interaction (if(mouseIsPressed === true))10. Play with GUI to adjust density11. Add change in RGB in GUI – still terrible frame rate12. Remove blobby effect – so-so frame rate
• Reflection/ Lesson-learned
– Experiment is very important.
– The structure of code matters a lot. After Prof. Moon helped me organize my code, my code become more logical and easier to be adjusted.
– Keep different version of sketches to save the possibilities.
– Unnatural things happening in a natural way seem to be fun.
– Never limit myself to one possibility.
• Further exploration
– More motion after particles bounce from the bottom
– Improve the shape while keeping the frame rate
– Different colors of ink
– Unrealistic motion , like tornado in water
– Add particles connection to make the particles not obvious
– Spread ink and change the color of water
– Try gradient color
– Lifespan use in transparency
• Sketch Link