Embedded Files
2D Smoke Simulation Demo
2D Smoke Simulation Demo
00:05: Mouse drag smoke generation
00:16: Wind effect demo
00:38: Genie appears
00:41: Scene reset
00:46: Mouse drag with right click to reduce/wipe off smoke
2D Paint Canvas:
2D Paint Canvas:
Vibrant Color Demo
Vibrant Color Demo
00:00~00:13 Paint with different colors
00:14 Wind effect
2D Paint Canvas:
2D Paint Canvas:
Viscus Fluid And Brush Size Demo
Viscus Fluid And Brush Size Demo
00:00~00:28 Writing with different color and brush size on high viscus fluid
00:29 Increase diffusion factor, paint dissipates fast
00:39 Paint with high diffusion factor, fluid behaves like water and the paint dissolves as soon as it contacts the fluid
2D Paint Canvas:
2D Paint Canvas:
Control Demo
Control Demo
00:05 ~ 00:25 Change background colors
00:30 Increase viscosity
00:35 Wind control
00:36 Showing real-time color density value at mouse position (Lower left corner)
00:44 Change brush size
3D Fire Simulation Demo
3D Fire Simulation Demo
00:00 ~ 00:30 Fire simulation demo
00:31 ~ 00:40 Wind effect demo
00:41 ~ 00:53 Fire recovers naturally after wind stops
Still Images
Still Images
User Controls:
User Controls:
Common Controls For All 3 Simulations:
Common Controls For All 3 Simulations:
'r' - reset scene
' ' (space key) - activate wind
2D Smoke Simulation Controls:
2D Smoke Simulation Controls:
Mouse drag with left click - add smoke source
Mouse drag with right click - remove/wipe off smoke
2D Paint Canvas Controls:
2D Paint Canvas Controls:
Mouse drag with left or right click - add paint
'1' - set paint color to red
'2' - set paint color to green
'3' - set paint color to blue
Left Arrow - increase diffusion factor (Press SHIFT at the same time to make increase 10 times faster)
Right Arrow - decrease diffusion factor (Press SHIFT at the same time to make decrease 10 times faster)
Up Arrow - increase viscosity (Press SHIFT at the same time to make increase 10 times faster)
Down Arrow - decrease viscosity (Press SHIFT at the same time to make decrease 10 times faster)
'i' - increase red in background color
'k' - decrease red in background color
'l' - increase green in background color
'j' - decrease green in background color
'o' - increase blue in background color
'u' - decrease blue in background color
'i' - increase red in background color
'w' - increase brush size
'q' - decrease brush size
'f' - fade existing paint
's' - show color real-time color density at mouse position (press again to turn the option off)
3D Camera Control (3D Fire Simulation):
3D Camera Control (3D Fire Simulation):
'w': positiveMovement.z
's': negativeMovement.z
'a': negativeMovement.x
'd': positiveMovement.x
'q': positiveMovement.y
'e': negativeMovement.y
LEFT: negativeTurn.x
RIGHT: positiveTurn.x
UP: positiveTurn.y
DOWN: negativeTurn.y
Difficulties Encountered:
Difficulties Encountered:
Allowing users to change background colors real-time with all possible rgb combinations created challenges in rendering color. It took some thinking to make sure that paint always show on every canvas. Also the real-time display of the various parameters on screen is set to change with respect to the current background so that they are always visible.
Adapting the c code to processing is not straight forward in some cases. The pointer swap function in Jos Stam's C code is very simple in C. Processing does not have pointer swap. Instead, I swapped every element of the array, which is highly inefficient. This becomes detrimental in the 3D space implementation. 3D is implemented without the swap.
Other Resources Used
Other Resources Used
processing.org: processing programming reference, general language tutorial
http://pngwave.com/ Lamp image
Objects and code snippets and camera class from 5611
Page updated
Google Sites
Report abuse