Add point-cloud-driven fluid visuals

README.md

@@ -18,14 +18,17 @@ The default visual mode is a front-facing technical/data-art view with:
 - colored point-cloud silhouettes
 - tracked bounding boxes and centroids
 - velocity cues
-- motion trails
+- point-cloud-driven GPU fluid field and motion trails
 - scene grid and frame
 - zone markers
 - glow and labels
 - Punchy, Cool, and Monochrome palettes
 
 The visual layer is implemented in `src/visuals.js` and does not replace the
-reference Three.js renderer in `src/viewer.js`.
+reference Three.js renderer in `src/viewer.js`. Its optional fluid field lives
+in `src/fluid.js`: current point-cloud samples continuously seed dye and velocity,
+so the recognizable point silhouette stays sharp while color flows around and
+behind it.
 
 ## Run
 

THIRD_PARTY_LICENSES

@@ -66,3 +66,35 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
+
+
+4. WebGL Fluid Simulation
+-------------------------
+
+Project: https://github.com/PavelDoGreat/WebGL-Fluid-Simulation
+License: MIT
+
+The fluid solver in src/fluid.js adapts techniques and shader logic from
+Pavel Dobryakov's WebGL Fluid Simulation.
+
+MIT License
+
+Copyright (c) 2017 Pavel Dobryakov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

index.html

@@ -182,15 +182,25 @@ <h1>Augmenta Web Demo</h1>
           <div class="toggles">
             <div class="toggle-column">
               <label><input id="visual-enabled" type="checkbox" checked> Data visuals</label>
-              <label><input id="visual-trails" type="checkbox" checked> Motion trails</label>
+              <label><input id="visual-trails" type="checkbox" checked> Point trails</label>
               <label><input id="visual-grid" type="checkbox" checked> Data grid</label>
             </div>
             <div class="toggle-column">
+              <label><input id="visual-fluid" type="checkbox" checked> Fluid field</label>
               <label><input id="visual-glow" type="checkbox" checked> Glow</label>
               <label><input id="visual-labels" type="checkbox" checked> Labels</label>
             </div>
           </div>
 
+          <div class="visual-palette-field">
+            <label for="visual-fluid-response">Fluid response</label>
+            <select id="visual-fluid-response">
+              <option value="soft">Soft</option>
+              <option value="balanced" selected>Balanced</option>
+              <option value="expressive">Expressive</option>
+            </select>
+          </div>
+
           <div class="visual-palette-field">
             <label for="visual-palette">Palette</label>
             <select id="visual-palette">

src/app-info.js

@@ -1 +1 @@
-export const APP_VERSION = '0.1.0';
+export const APP_VERSION = '0.2.0';