Micro optimisations & perf updates (#557)

Work in progress but this PR does:

* Reduce branching in hot paths (or attempt to clean up)
* Reduce look ups in variables, const them out earlier
* Reduce assert fn calls where we no longer need them
* Deduplicate a lot of code

Avoiding Text paths for now, as that's part of another change.

Big gains on node creation / node deletion, still investigating the
update/swap cases.

Author: wouterlucas

examples/tests/texture-memory-allocation.ts

@@ -103,8 +103,6 @@ export default async function test({ renderer, testRoot }: ExampleSettings) {
   const gap = 10; // Define the gap between items
 
   const spawnRow = function (rowIndex = 0, amount = 20) {
-    const items = [];
-
     let totalWidth = 0; // Track the total width used in the current row
     const y = rowIndex * (nodeHeight + gap);
 
@@ -115,6 +113,7 @@ export default async function test({ renderer, testRoot }: ExampleSettings) {
       height: nodeHeight,
       parent: containerNode,
       color: 0x000000ff,
+      clipping: true,
     });
 
     for (let i = 0; i < amount; i++) {
@@ -153,17 +152,47 @@ export default async function test({ renderer, testRoot }: ExampleSettings) {
         autosize: true,
         parent: childNode,
         text: `Card ${id}`,
+        fontFamily: 'Ubuntu',
         fontSize: 20,
         color: 0xffffffff,
       });
 
-      items.push(childNode);
+      // items.push(childNode);
     }
 
-    return items;
+    return rowNode;
+  };
+
+  const destroyAll = () => {
+    // Destroy all nodes
+    while (nodes.length > 0) {
+      const node = nodes.pop();
+      if (node) {
+        node.destroy();
+      }
+    }
   };
 
-  const nodes: INode[][] = [];
+  const runRoutine = (count = 150) => {
+    count--;
+
+    if (count < 0) {
+      return;
+    }
+
+    // Destroy all nodes
+    destroyAll();
+
+    setTimeout(async () => {
+      await spawnRows(20);
+
+      setTimeout(() => {
+        runRoutine(count);
+      }, 300);
+    }, 300);
+  };
+
+  const nodes: INode[] = [];
   const spawnRows = async (amountOfRows: number) => {
     for (let rowIndex = 0; rowIndex < amountOfRows; rowIndex++) {
       console.log(`Spawning row ${rowIndex + 1}`);
@@ -194,16 +223,27 @@ export default async function test({ renderer, testRoot }: ExampleSettings) {
       containerNode.y -= 50;
     }
 
+    if (e.key === 'c') {
+      spawnRows(20);
+    }
+
+    if (e.key === 'd') {
+      // destroy all nodes
+      destroyAll();
+    }
+
+    if (e.key === 'r') {
+      runRoutine(150);
+    }
+
     // space switches mode
     if (e.key === ' ' || e.key === 'Enter') {
       testMode = testMode === 'normal' ? 'rtt' : 'normal';
 
       currentModeText.text = `Current mode: ${testMode}`;
 
       nodes.forEach((row) => {
-        row.forEach((node) => {
-          node.destroy();
-        });
+        row.destroy();
       });
 
       spawnRows(20);