p5 2.2.3 → 2.3.0-rc.0

package/dist/image/const.js

@@ -1,4 +1,4 @@
-import { ae as THRESHOLD, af as POSTERIZE, ab as BLUR } from '../constants-BdTiYOQI.js';
+import { af as THRESHOLD, ag as POSTERIZE, ac as BLUR } from '../constants-CYF6mp5_.js';
 
 const filterParamDefaults = {
   [BLUR]: 3,

package/dist/image/filterRenderer2D.js

@@ -1,15 +1,16 @@
 import { Shader } from '../webgl/p5.Shader.js';
-import { s as setWebGLUniformValue, e as setWebGLTextureParams, g as getWebGLUniformMetadata, h as getWebGLShaderAttributes, j as populateGLSLHooks, T as Texture } from '../rendering-CC8JNTwG.js';
-import { I as Image } from '../p5.Renderer-BmD2P6Wv.js';
-import { C as CLAMP, aa as WEBGL2, p as CORNER, B as BLEND, ab as BLUR, ac as WEBGL } from '../constants-BdTiYOQI.js';
+import { s as setWebGLUniformValue, e as setWebGLTextureParams, g as getWebGLUniformMetadata, h as getWebGLShaderAttributes, j as populateGLSLHooks, T as Texture } from '../rendering-CvNr0bB8.js';
+import { I as Image } from '../p5.Renderer-C0Kzy71d.js';
+import { C as CLAMP, ab as WEBGL2, n as CORNER, B as BLEND, ac as BLUR, ad as WEBGL } from '../constants-CYF6mp5_.js';
 import { filterParamDefaults } from './const.js';
-import { w as webgl2CompatibilityShader, f as filterBaseVert, a as filterBaseFrag, n as noiseGLSL } from '../noise3DGLSL-Bwrdi4gi.js';
-import { glslBackend } from '../webgl/strands_glslBackend.js';
+import { w as webgl2CompatibilityShader, f as filterBaseVert, a as filterBaseFrag } from '../webgl2Compatibility-DA7DLMuq.js';
+import { g as glslBackend, r as randomGLSL, a as randomVertGLSL } from '../strands_glslBackend-i-ReKgZo.js';
 import { getShaderHookTypes } from '../webgl/shaderHookUtils.js';
 import { makeFilterShader } from '../core/filterShaders.js';
-import '../creating_reading-C7hu6sg1.js';
+import '../creating_reading-DLkHH80h.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
+import '../strands/ir_types.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
@@ -23,7 +24,6 @@ import '../color/setting.js';
 import 'omggif';
 import '../io/csv.js';
 import '../io/utilities.js';
-import 'gifenc';
 import './pixels.js';
 import './filters.js';
 import '../core/transform.js';
@@ -44,10 +44,9 @@ import '../type/textCore.js';
 import '../core/States.js';
 import '../webgl/enums.js';
 import '../math/trigonometry.js';
-import '../strands/ir_types.js';
 import '../strands/ir_dag.js';
 import '../strands/strands_FES.js';
-import '../ir_builders-Cd6rU9Vm.js';
+import '../ir_builders-C2ebb6Lu.js';
 import '../strands/ir_cfg.js';
 import '../strands/strands_builtins.js';
 
@@ -330,15 +329,23 @@ class FilterRenderer2D {
             'vec4 getColor': `(FilterInputs inputs, in sampler2D canvasContent) {
               return getTexture(canvasContent, inputs.texCoord);
             }`
-          }
+          },
+          hookAliases: {
+            'getColor': ['filterColor'],
+          },
         }
       );
     }
     return this._baseFilterShader;
   }
 
-  getNoiseShaderSnippet() {
-    return noiseGLSL;
+
+  getRandomFragmentShaderSnippet() {
+    return randomGLSL;
+  }
+
+  getRandomVertexShaderSnippet() {
+    return randomVertGLSL;
   }
 
   /**

package/dist/image/image.js

@@ -1,13 +1,14 @@
 import 'omggif';
 import '../dom/p5.Element.js';
-export { i as default } from '../rendering-CC8JNTwG.js';
+export { i as default } from '../rendering-CvNr0bB8.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../creating_reading-C7hu6sg1.js';
+import '../creating_reading-DLkHH80h.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-BdTiYOQI.js';
-import '../p5.Renderer-BmD2P6Wv.js';
+import '../constants-CYF6mp5_.js';
+import '../strands/ir_types.js';
+import '../p5.Renderer-C0Kzy71d.js';
 import './filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
@@ -21,7 +22,6 @@ import '../shape/curves.js';
 import '../shape/vertex.js';
 import '../color/setting.js';
 import '../io/csv.js';
-import 'gifenc';
 import './pixels.js';
 import '../core/transform.js';
 import '../webgl/GeometryBuilder.js';

package/dist/image/index.js

@@ -1,11 +1,12 @@
-import { i as image$1, b as loadingDisplaying, t as texture } from '../rendering-CC8JNTwG.js';
-import { i as image$2 } from '../p5.Renderer-BmD2P6Wv.js';
+import { i as image$1, l as loadingDisplaying, t as texture } from '../rendering-CvNr0bB8.js';
+import { i as image$2 } from '../p5.Renderer-C0Kzy71d.js';
 import pixels from './pixels.js';
 import shader from '../webgl/p5.Shader.js';
-import '../constants-BdTiYOQI.js';
-import '../creating_reading-C7hu6sg1.js';
+import '../constants-CYF6mp5_.js';
+import '../creating_reading-DLkHH80h.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
+import '../strands/ir_types.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
@@ -19,7 +20,6 @@ import '../color/setting.js';
 import 'omggif';
 import '../io/csv.js';
 import '../io/utilities.js';
-import 'gifenc';
 import '../core/transform.js';
 import '../webgl/GeometryBuilder.js';
 import '../math/p5.Matrix.js';

package/dist/image/loading_displaying.js

@@ -1,15 +1,15 @@
 import '../core/helpers.js';
-import '../constants-BdTiYOQI.js';
-export { b as default } from '../rendering-CC8JNTwG.js';
+import '../constants-CYF6mp5_.js';
+export { l as default } from '../rendering-CvNr0bB8.js';
 import 'omggif';
-import 'gifenc';
-import '../creating_reading-C7hu6sg1.js';
+import '../creating_reading-DLkHH80h.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
+import '../strands/ir_types.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import '../io/p5.XML.js';
-import '../p5.Renderer-BmD2P6Wv.js';
+import '../p5.Renderer-C0Kzy71d.js';
 import './filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';

package/dist/image/p5.Image.js

@@ -1,10 +1,10 @@
 import './filters.js';
-export { I as Image, i as default } from '../p5.Renderer-BmD2P6Wv.js';
+export { I as Image, i as default } from '../p5.Renderer-C0Kzy71d.js';
 import '../io/utilities.js';
-import '../creating_reading-C7hu6sg1.js';
+import '../creating_reading-DLkHH80h.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-BdTiYOQI.js';
+import '../constants-CYF6mp5_.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
 import '../core/States.js';

package/dist/image/pixels.js

@@ -4,7 +4,6 @@ import Filters from './filters.js';
  * @module Image
  * @submodule Pixels
  * @for p5
- * @requires core
  */
 
 

package/dist/io/files.js

@@ -1,15 +1,16 @@
-import '../p5.Renderer-BmD2P6Wv.js';
-export { d as default, a as request } from '../rendering-CC8JNTwG.js';
+import '../p5.Renderer-C0Kzy71d.js';
+export { f as default, d as request } from '../rendering-CvNr0bB8.js';
 import './csv.js';
 import './utilities.js';
-import '../creating_reading-C7hu6sg1.js';
+import '../creating_reading-DLkHH80h.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
-import '../constants-BdTiYOQI.js';
+import '../constants-CYF6mp5_.js';
 import '../image/filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
 import '../core/States.js';
+import '../strands/ir_types.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
 import './p5.XML.js';
@@ -21,7 +22,6 @@ import '../shape/curves.js';
 import '../shape/vertex.js';
 import '../color/setting.js';
 import 'omggif';
-import 'gifenc';
 import '../image/pixels.js';
 import '../core/transform.js';
 import '../webgl/GeometryBuilder.js';

package/dist/io/index.js

@@ -1,14 +1,15 @@
-import { d as files } from '../rendering-CC8JNTwG.js';
+import { f as files } from '../rendering-CvNr0bB8.js';
 import table from './p5.Table.js';
 import tableRow from './p5.TableRow.js';
 import xml from './p5.XML.js';
-import '../constants-BdTiYOQI.js';
-import '../creating_reading-C7hu6sg1.js';
+import '../constants-CYF6mp5_.js';
+import '../creating_reading-DLkHH80h.js';
 import 'colorjs.io/fn';
 import '../color/color_spaces/hsb.js';
+import '../strands/ir_types.js';
 import '../dom/p5.Element.js';
 import '../dom/p5.File.js';
-import '../p5.Renderer-BmD2P6Wv.js';
+import '../p5.Renderer-C0Kzy71d.js';
 import '../image/filters.js';
 import '../math/p5.Vector.js';
 import '../shape/custom_shapes.js';
@@ -23,7 +24,6 @@ import '../shape/vertex.js';
 import '../color/setting.js';
 import 'omggif';
 import './csv.js';
-import 'gifenc';
 import '../image/pixels.js';
 import '../core/transform.js';
 import '../webgl/GeometryBuilder.js';

package/dist/io/p5.Table.js

@@ -3,7 +3,6 @@ import { stringify } from './csv.js';
 /**
  * @module IO
  * @submodule Table
- * @requires core
  */
 
 

package/dist/io/p5.TableRow.js

@@ -1,7 +1,6 @@
 /**
  * @module IO
  * @submodule Table
- * @requires core
  */
 
 class TableRow {

package/dist/io/p5.XML.js

@@ -1,7 +1,6 @@
 /**
  * @module IO
  * @submodule Input
- * @requires core
  */
 
 class XML {

package/dist/{ir_builders-Cd6rU9Vm.js → ir_builders-C2ebb6Lu.js}

@@ -10,6 +10,9 @@ class StrandsNode {
     this.strandsContext = strandsContext;
     this.dimension = dimension;
     this.structProperties = null;
+    // Schema for struct storage buffers (set by uniformStorage when buffer has a struct layout).
+    // When set, buf.get(idx) returns a field proxy instead of a scalar StrandsNode.
+    this._schema = null;
     this.isStrandsNode = true;
 
     // Store original identifier for varying variables
@@ -163,6 +166,56 @@ class StrandsNode {
 
     return this;
   }
+
+  get(index) {
+    // Validate baseType is 'storage'
+    const nodeData = getNodeDataFromID(this.strandsContext.dag, this.id);
+    if (nodeData.baseType !== 'storage') {
+      throw new Error('get() can only be used on storage buffers');
+    }
+
+    // For struct storage, return a proxy with per-field getters/setters
+    if (this._schema) {
+      return createStructArrayElementProxy(this.strandsContext, this, index, this._schema);
+    }
+
+    // Create array access node: buffer.get(index) -> buffer[index]
+    const { id, dimension } = arrayAccessNode(
+      this.strandsContext,
+      this,
+      index);
+    return createStrandsNode(id, dimension, this.strandsContext);
+  }
+
+  set(index, value) {
+    // Validate baseType is 'storage' and has _originalIdentifier
+    const nodeData = getNodeDataFromID(this.strandsContext.dag, this.id);
+    if (nodeData.baseType !== 'storage') {
+      throw new Error('set() can only be used on storage buffers');
+    }
+    if (!this._originalIdentifier) {
+      throw new Error('set() can only be used on storage buffers with an identifier');
+    }
+
+    // If value is a plain object (struct literal), expand to per-field assignments
+    // e.g. buf[idx] = { position: pos, velocity: vel }
+    // becomes buf[idx].position = pos; buf[idx].velocity = vel;
+    if (value !== null && typeof value === 'object' && !value.isStrandsNode && this._schema) {
+      const proxy = createStructArrayElementProxy(this.strandsContext, this, index, this._schema);
+      for (const [fieldName, fieldValue] of Object.entries(value)) {
+        proxy[fieldName] = fieldValue;
+      }
+      return this;
+    }
+
+    // Create array assignment node: buffer.set(index, value) -> buffer[index] = value
+    // This creates an ASSIGNMENT node and records it in the CFG basic block
+    // CFG preserves sequential order, preventing reordering of assignments
+    arrayAssignmentNode(this.strandsContext, this, index, value);
+
+    // Return this for chaining
+    return this;
+  }
 }
 function createStrandsNode(id, dimension, strandsContext, onRebind) {
   return new Proxy(
@@ -788,4 +841,184 @@ function swizzleTrap(id, dimension, strandsContext, onRebind) {
   return trap;
 }
 
-export { StrandsNode as S, structInstanceNode as a, binaryOpNode as b, createStrandsNode as c, structConstructorNode as d, scalarLiteralNode as e, functionCallNode as f, constructTypeFromIDs as g, castToFloat as h, swizzleNode as i, swizzleTrap as j, memberAccessNode as m, primitiveConstructorNode as p, statementNode as s, unaryOpNode as u, variableNode as v };
+function arrayAccessNode(strandsContext, bufferNode, indexNode, accessMode) {
+  const { dag, cfg } = strandsContext;
+
+  // Ensure index is a StrandsNode
+  let index;
+  if (indexNode instanceof StrandsNode) {
+    index = indexNode;
+  } else {
+    const { id, dimension } = primitiveConstructorNode(
+      strandsContext,
+      { baseType: BaseType.INT, dimension: 1 },
+      indexNode
+    );
+    index = createStrandsNode(id, dimension, strandsContext);
+  }
+
+  // Array access returns a single float
+  const nodeData = createNodeData({
+    nodeType: NodeType.OPERATION,
+    opCode: OpCode.Binary.ARRAY_ACCESS,
+    dependsOn: [bufferNode.id, index.id],
+    dimension: 1,
+    baseType: BaseType.FLOAT});
+
+  const id = getOrCreateNode(dag, nodeData);
+  recordInBasicBlock(cfg, cfg.currentBlock, id);
+
+  return { id, dimension: 1 };
+}
+
+function createStructArrayElementProxy(strandsContext, bufferNode, indexNode, schema) {
+  const { dag, cfg } = strandsContext;
+
+  // Ensure index is a StrandsNode
+  let index;
+  if (indexNode instanceof StrandsNode) {
+    index = indexNode;
+  } else {
+    const { id, dimension } = primitiveConstructorNode(
+      strandsContext,
+      { baseType: BaseType.INT, dimension: 1 },
+      indexNode
+    );
+    index = createStrandsNode(id, dimension, strandsContext);
+  }
+
+  // Create a plain object with getters/setters for each struct field.
+  // When read, a field creates an ARRAY_ACCESS IR node with the field name encoded
+  // in the identifier slot. When written, an ASSIGNMENT IR node is recorded in the CFG.
+  const proxy = {};
+
+  for (const field of schema.fields) {
+    Object.defineProperty(proxy, field.name, {
+      get() {
+        // Encode field name in identifier so WGSL backend can emit buf[idx].field
+        const nodeData = createNodeData({
+          nodeType: NodeType.OPERATION,
+          opCode: OpCode.Binary.ARRAY_ACCESS,
+          dependsOn: [bufferNode.id, index.id],
+          dimension: field.dim,
+          baseType: BaseType.FLOAT,
+          identifier: field.name,
+        });
+        const id = getOrCreateNode(dag, nodeData);
+        recordInBasicBlock(cfg, cfg.currentBlock, id);
+        // When a swizzle assignment fires (e.g. buf[i].vel.y *= -1), onRebind
+        // receives the new vector ID and writes it back to the buffer field,
+        // equivalent to buf[i].vel = newVec.
+        const onRebind = (newFieldID) => {
+          const accessData = createNodeData({
+            nodeType: NodeType.OPERATION,
+            opCode: OpCode.Binary.ARRAY_ACCESS,
+            dependsOn: [bufferNode.id, index.id],
+            dimension: field.dim,
+            baseType: BaseType.FLOAT,
+            identifier: field.name,
+          });
+          const accessID = getOrCreateNode(dag, accessData);
+          const assignData = createNodeData({
+            nodeType: NodeType.ASSIGNMENT,
+            dependsOn: [accessID, newFieldID],
+            phiBlocks: [],
+          });
+          const assignID = getOrCreateNode(dag, assignData);
+          recordInBasicBlock(cfg, cfg.currentBlock, assignID);
+        };
+        return createStrandsNode(id, field.dim, strandsContext, onRebind);
+      },
+      set(val) {
+        // Create access node as assignment target (field name in identifier)
+        const accessData = createNodeData({
+          nodeType: NodeType.OPERATION,
+          opCode: OpCode.Binary.ARRAY_ACCESS,
+          dependsOn: [bufferNode.id, index.id],
+          dimension: field.dim,
+          baseType: BaseType.FLOAT,
+          identifier: field.name,
+        });
+        const accessID = getOrCreateNode(dag, accessData);
+
+        let valueID;
+        if (val?.isStrandsNode) {
+          valueID = val.id;
+        } else {
+          const { id } = primitiveConstructorNode(
+            strandsContext,
+            { baseType: BaseType.FLOAT, dimension: field.dim },
+            val
+          );
+          valueID = id;
+        }
+
+        const assignData = createNodeData({
+          nodeType: NodeType.ASSIGNMENT,
+          dependsOn: [accessID, valueID],
+          phiBlocks: [],
+        });
+        const assignID = getOrCreateNode(dag, assignData);
+        recordInBasicBlock(cfg, cfg.currentBlock, assignID);
+      },
+      configurable: true,
+    });
+  }
+
+  return proxy;
+}
+
+function arrayAssignmentNode(strandsContext, bufferNode, indexNode, valueNode) {
+  const { dag, cfg } = strandsContext;
+
+  // Ensure index is a StrandsNode
+  let index;
+  if (indexNode instanceof StrandsNode) {
+    index = indexNode;
+  } else {
+    const { id, dimension } = primitiveConstructorNode(
+      strandsContext,
+      { baseType: BaseType.INT, dimension: 1 },
+      indexNode
+    );
+    index = createStrandsNode(id, dimension, strandsContext);
+  }
+
+  // Ensure value is a StrandsNode
+  let value;
+  if (valueNode instanceof StrandsNode) {
+    value = valueNode;
+  } else {
+    const { id, dimension } = primitiveConstructorNode(
+      strandsContext,
+      { baseType: BaseType.FLOAT, dimension: 1 },
+      valueNode
+    );
+    value = createStrandsNode(id, dimension, strandsContext);
+  }
+
+  // Create array access node as the assignment target
+  const arrayAccessData = createNodeData({
+    nodeType: NodeType.OPERATION,
+    opCode: OpCode.Binary.ARRAY_ACCESS,
+    dependsOn: [bufferNode.id, index.id],
+    dimension: 1,
+    baseType: BaseType.FLOAT
+  });
+  const arrayAccessID = getOrCreateNode(dag, arrayAccessData);
+
+  // Create assignment node: buffer[index] = value
+  const assignmentData = createNodeData({
+    nodeType: NodeType.ASSIGNMENT,
+    dependsOn: [arrayAccessID, value.id],
+    phiBlocks: []
+  });
+  const assignmentID = getOrCreateNode(dag, assignmentData);
+
+  // CRITICAL: Record in CFG to preserve sequential ordering
+  recordInBasicBlock(cfg, cfg.currentBlock, assignmentID);
+
+  return { id: assignmentID };
+}
+
+export { StrandsNode as S, statementNode as a, binaryOpNode as b, createStrandsNode as c, structInstanceNode as d, structConstructorNode as e, functionCallNode as f, constructTypeFromIDs as g, castToFloat as h, swizzleNode as i, swizzleTrap as j, arrayAccessNode as k, createStructArrayElementProxy as l, memberAccessNode as m, arrayAssignmentNode as n, primitiveConstructorNode as p, scalarLiteralNode as s, unaryOpNode as u, variableNode as v };