refactor: revamp measure system

Author: FMS-Cat

src/config-hot.ts

@@ -11,4 +11,6 @@ export const
   COMPONENT_UPDATE_BREAKPOINT: string | null = null,
   // COMPONENT_UPDATE_BREAKPOINT: string | null = 'lightDynamic2/shadowMapCamera',
   // COMPONENT_UPDATE_BREAKPOINT: string | null = 'lightDynamic1/shadowMapCamera',
-  COMPONENT_DRAW_BREAKPOINT: string | null = null;
+  COMPONENT_DRAW_BREAKPOINT: string | null = null,
+  COMPONENT_UPDATE_PATTERN = /.*/,
+  COMPONENT_DRAW_PATTERN = /deferred/;

src/config.ts

@@ -5,7 +5,7 @@ export const
   AO_RESOLUTION_RATIO = 1.0,
   RESOLUTION = [ 1280, 720 ],
   MUSIC_BPM = 180,
-  START_POSITION = 112,
+  START_POSITION = 0,
   MUSIC_LENGTH = 213,
   MUSIC_AUTOMATON_TEXTURE_HEIGHT = 16,
   IBLLUT_ITER = 400,

src/entities/Antialias.ts

@@ -38,7 +38,7 @@ export class Antialias extends Entity {
     this.components.push( new Quad( {
       target: options.target,
       material,
-      name: process.env.DEV && 'Antialias/quad',
+      name: process.env.DEV && 'quad',
     } ) );
   }
 }

src/entities/BigBlur.ts

@@ -28,11 +28,16 @@ export class BigBlur extends Entity {
     entityMain.visible = false;
     this.children.push( entityMain );
 
+    if ( process.env.DEV ) {
+      entityBypass.name = 'entityBypass';
+      entityMain.name = 'entityMain';
+    }
+
     // -- bypass -----------------------------------------------------------------------------------
     entityBypass.components.push( new Blit( {
       src: options.input,
       dst: options.target,
-      name: 'BigBlur/blitBypass',
+      name: process.env.DEV && 'blitBypass',
     } ) );
 
     // -- h ----------------------------------------------------------------------------------------
@@ -58,7 +63,7 @@ export class BigBlur extends Entity {
     const quadH = new Quad( {
       target: targetH,
       material: materialH,
-      name: process.env.DEV && 'BigBlur/quadH',
+      name: process.env.DEV && 'quadH',
     } );
     entityMain.components.push( quadH );
 
@@ -82,7 +87,7 @@ export class BigBlur extends Entity {
     const quadV = new Quad( {
       target: options.target,
       material: materialV,
-      name: process.env.DEV && 'BigBlur/quad',
+      name: process.env.DEV && 'quadV',
     } );
     entityMain.components.push( quadV );
 

src/entities/Bloom.ts

@@ -40,7 +40,7 @@ export class Bloom extends Entity {
     this.components.push( new Blit( {
       src: options.input,
       dst: options.target,
-      name: 'Bloom/blitDry',
+      name: process.env.DEV && 'blitDry',
     } ) );
 
     // -- down -------------------------------------------------------------------------------------
@@ -68,7 +68,7 @@ export class Bloom extends Entity {
         target: swap.o,
         material,
         range,
-        name: `Bloom/quadDown${ i }`,
+        name: `quadDown${ i }`,
       } ) );
 
       swap.swap();
@@ -102,7 +102,7 @@ export class Bloom extends Entity {
         target: isLast ? options.target : swap.o,
         material,
         range,
-        name: `Bloom/quadUp${ i }`,
+        name: `quadUp${ i }`,
       } ) );
 
       swap.swap();

src/entities/BoundingBox.ts

@@ -1,16 +1,11 @@
 import { Entity } from '../heck/Entity';
-import { InstancedGeometry } from '../heck/InstancedGeometry';
+import { Geometry } from '../heck/Geometry';
 import { Material } from '../heck/Material';
 import { Mesh } from '../heck/components/Mesh';
-import { Vector3 } from '@fms-cat/experimental';
-import { auto } from '../globals/automaton';
-import { createSVGTableTexture } from '../utils/createSVGTableTexture';
-import { dummyRenderTarget, dummyRenderTargetFourDrawBuffers } from '../globals/dummyRenderTarget';
+import { dummyRenderTarget } from '../globals/dummyRenderTarget';
 import { gl, glCat } from '../globals/canvas';
-import { objectValuesMap } from '../utils/objectEntriesMap';
 import boundingBoxFrag from '../shaders/bounding-box.frag';
 import boundingBoxVert from '../shaders/bounding-box.vert';
-import { Geometry } from '../heck/Geometry';
 
 export class BoundingBox extends Entity {
   public constructor() {
@@ -79,20 +74,6 @@ export class BoundingBox extends Entity {
 
     const materials = { forward, cubemap: forward, depth };
 
-    objectValuesMap( materials, ( material ) => {
-      // auto( 'BoundingBox/phaseWidth', ( { value } ) => {
-      //   material.addUniform( 'phaseWidth', '1f', value );
-      // } );
-
-      // auto( 'Sync/first/clap', ( { value } ) => {
-      //   material.addUniform( 'phaseOffset', '1f', value );
-      // } );
-
-      // auto( 'BoundingBox/hahaRatio', ( { value } ) => {
-      //   material.addUniform( 'hahaRatio', '1f', value );
-      // } );
-    } );
-
     if ( process.env.DEV ) {
       if ( module.hot ) {
         module.hot.accept(
@@ -112,7 +93,7 @@ export class BoundingBox extends Entity {
     const mesh = new Mesh( {
       geometry,
       materials,
-      name: process.env.DEV && 'BoundingBox/mesh',
+      name: process.env.DEV && 'mesh',
     } );
     this.components.push( mesh );
   }

src/entities/Condition.ts

@@ -157,7 +157,7 @@ export class Condition extends Entity {
     const mesh = new Mesh( {
       geometry,
       materials,
-      name: process.env.DEV && 'Condition/mesh',
+      name: process.env.DEV && 'mesh',
     } );
     this.components.push( mesh );
   }

src/entities/Cube.ts

@@ -100,14 +100,14 @@ export class Cube extends Entity {
           material.addUniform( 'clap', '1f', auto( 'Sync/first/clap' ) )
         ) );
       },
-      name: process.env.DEV && 'Cube/speen',
+      name: process.env.DEV && 'speen',
     } ) );
 
     // -- mesh -------------------------------------------------------------------------------------
     this.mesh = new Mesh( {
       geometry: geometry,
       materials,
-      name: process.env.DEV && 'Cube/mesh',
+      name: process.env.DEV && 'mesh',
     } );
     this.components.push( this.mesh );
   }

src/entities/CubemapCameraEntity.ts

@@ -29,7 +29,6 @@ export class CubemapCameraEntity extends Entity {
       renderTarget: this.target,
       near: 1.0,
       far: 20.0,
-      name: 'CubemapCameraEntity/camera',
       materialTag: 'cubemap',
     } );
     this.components.push( this.camera );

src/entities/CyclicBoard.ts

@@ -79,7 +79,7 @@ export class CyclicBoard extends Entity {
       onDraw: ( { frameCount } ) => {
         setLightUniforms( forward, this.lights, frameCount );
       },
-      name: process.env.DEV && 'CyclicBoard/setLightUniforms',
+      name: process.env.DEV && 'setLightUniforms',
     } ) );
 
     // -- updater ----------------------------------------------------------------------------------
@@ -104,14 +104,14 @@ export class CyclicBoard extends Entity {
           );
         } );
       },
-      name: process.env.DEV && 'CyclicBoard/updater',
+      name: process.env.DEV && 'setCameraUniforms',
     } ) );
 
     // -- mesh -------------------------------------------------------------------------------------
     const mesh = new Mesh( {
       geometry,
       materials,
-      name: process.env.DEV && 'CyclicBoard/mesh',
+      name: process.env.DEV && 'mesh',
     } );
     mesh.cull = MeshCull.None;
     this.components.push( mesh );