Commit 6ce17965 authored by amandaghassaei's avatar amandaghassaei
Browse files


parent 0470ca5b
......@@ -311,7 +311,13 @@
<div class="modal-content">
<div class="modal-body">
<b>Fluid Simulation Shader</b><br/><br/>
I used the following sources to write this simulation:<br/><br/>
This simulation solves the <a href="" target="_blank">Navier-Stokes equations</a> for incompressible fluids in a GPU fragment shader.
I implemented <a href="" target="_blank">no-slip boundary conditions</a> at the borders to keep the fluid contained within the bounds of the screen.
To increase performance, I solved for the velocity vector field of the fluid at a lower resolution than I used to compute the visualization of fluid flow; I used bilinear interpolation to smooth out artifacts caused by this speedup.
<b>Instructions:</b> Click and drag to apply a force to the fluid. Over time, the colored material in the fluid will dissipate.
I found the following sources helpful while writing this simulation:<br/>
<a href="" target="_blank">Real-time ink simulation using a grid-particle method</a> - a method for real-time simulation of ink
in water using a coarse-grained fluid simulation with a particle simulation on top.<br/>
<a href="" target="_blank">Fast Fluid Dynamics Simulation on the GPU</a> - a very well written tutorial about programming the Navier-Stokes equations on a GPU.<br/>
......@@ -22,11 +22,11 @@ canvas {
z-index: 5;
background: #444;
background: rgba(40, 40, 40, 0.7);
width: 30px;
text-align: center;
position: absolute;
color: #fff;
color: #faefd6;
......@@ -44,7 +44,7 @@ canvas {
a, a:hover, a:visited, a:focus{
a.btn:visited, a.btn:focus{
......@@ -119,7 +119,7 @@ input.form-control {
.flat-slider.ui-slider-vertical .ui-slider-handle{
background: #8cbaed;
background: #ec008b;
.flat-slider.ui-slider-horizontal .ui-slider-handle {
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment