-did legwork for adding in variable time aspects to animate.

Author: pjewell-biociphers

src/main.ts

@@ -139,13 +139,21 @@ function main() {
   sdf.setDimensions(window.innerWidth, window.innerHeight);
 
   time = 0;
+
+  let SymbolPositionT = 0;
+  let SymbolScaleT = 0;
+  let HeightT = 0;
   // This function will be called every frame
   function tick() {
     time +=1;
     color = vec4.fromValues(controls.Color[0] /255, controls.Color[1] / 255, controls.Color[2] / 255, 1);
     noiseColor = vec4.fromValues(controls['Noise Color'][0] /255, controls['Noise Color'][1] / 255, controls['Noise Color'][2] / 255, 1);
     height = controls['Depth'];
 
+    if(controls['SymbolScaleT'] == 'On'){SymbolScaleT += 0.01}
+    if(controls['SymbolPositionT'] == 'On'){SymbolPositionT += 0.01}
+    if(controls['HeightT'] == 'On'){HeightT += 0.01}
+
     if(controls['Camera Animation'] == 'On'){
       // camera.setPosition(vec3.fromValues(
       //   controls['CameraX'] + Math.sin(timeCamera) * 4, 
@@ -169,13 +177,15 @@ function main() {
       icosphere.create();
     }
 
+
+
     sdf.setRows(controls['Rows']);
     sdf.setTriScale(controls['TriScale']);
     sdf.setLowTriRange(controls['LowTriRange']);
     sdf.setHighTriRange(controls['HighTriRange']);
-    sdf.setHightT(controls['HeightT'] == 'On' ? 1.0 : 0.0);
-    sdf.setSymbolScaleT(controls['SymbolScaleT'] == 'On' ? 1.0 : 0.0);
-    sdf.setSymbolPositionT(controls['SymbolPositionT'] == 'On' ? 1.0 : 0.0);
+    sdf.setHightT(HeightT);
+    sdf.setSymbolScaleT(SymbolScaleT);
+    sdf.setSymbolPositionT(SymbolPositionT);
     sdf.setNumSymbolsPerTri(controls['NumSymbolsPerTri']);
 
     renderer.render(camera, time, height, color, noiseColor, sdf, [

src/shaders/sdf-objects.glsl

@@ -274,7 +274,7 @@ float pyramidNormalSDF(vec3 p, float h, float depth, float depth_scale, float nu
 
                 for(float k=0.0; k<u_NumSymbolsPerTri; k++){
                     float scale = 0.02 + 0.04 * random(vec2(_x+i, _z+g_rot+k));
-                    vec3 shape_transform2 = transform(shape_transform, vec3(0, 0, 0), vec3(-0.1+0.2*random(vec2(_x+i+_y, _z+g_rot+k)), -0.1+0.2*random(vec2(_x+i+k, _z+g_rot)), -0.02+0.04*random(vec2(k, k))), vec3(1.0 * scale, 1000.0 * scale, 1.0 * scale));
+                    vec3 shape_transform2 = transform(shape_transform, vec3(0, 0, 0), vec3(-0.1+0.2*random(vec2(_x+i+_y+u_SymbolPositionT, _z+g_rot+k)), -0.1+0.2*random(vec2(_x+i+k+u_SymbolPositionT, _z+g_rot)), -0.02+0.04*random(vec2(k+u_SymbolPositionT, k))), vec3(1.0 * scale, 1000.0 * scale, 1.0 * scale));
                     prisim = flatSubtraction(prisim, randomSymbol(shape_transform2, random(vec2(_x+j+i, _z+g_rot+k))));
                 }