@nexart/codemode-sdk 1.6.0 → 1.8.0

package/dist/sdk/codemode/soundart-sketches/geometryIllusion.js

@@ -0,0 +1,89 @@
+export const GEOMETRY_ILLUSION_SKETCH = `
+function setup() {
+  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';
+  if (bgMode === 'white') background(245, 245, 245);
+  else if (bgMode === 'black') background(10, 10, 10);
+  else {
+    const r = Math.floor((S.brightness / 100) * 255);
+    const g = Math.floor((S.rhythmicity / 100) * 255);
+    const b = Math.floor((S.harmonicity / 100) * 255);
+    background(r, g, b);
+  }
+
+  const hueBase = map(S.hue, 0, 100, 0, 360);
+  const hueVar = map(S.treble, 0, 100, 20, 240);
+  const sizeScale = map(S.volume, 0, 100, 0.05, 1.8);
+  const rotAmt = map(S.aggression, 0, 100, 0, PI / 3);
+  const layers = Math.floor(map(S.length, 0, 100, 120, 900));
+  const alphaLevel = map(S.amplitude, 0, 100, 0.25, 1.3);
+  const lineCount = Math.floor(map(S.rhythmicity, 0, 100, 40, 600));
+  const strokeW = map(S.attack, 0, 100, 0.5, 6.5);
+  const distort = map(S.harmonicity, 0, 100, 0, 70);
+  const bias = map(S.mid, 0, 100, 0, 1);
+  const bright = map(S.brightness, 0, 100, 0.4, 2.2);
+  const sat = map(S.chroma, 0, 100, 0.4, 5.4);
+  const cont = map(S.dynamicRange, 0, 100, 0.5, 3.4);
+  const layerDepth = map(S.harmonicity, 0, 100, 0.2, 2.2);
+
+  const baseScale = map(S.volume, 0, 100, 0.5, 1.1);
+  const densityScale = map(S.length, 0, 100, 0.9, 0.7);
+  const scaleFactor = constrain(baseScale * densityScale, 0.6, 1.0);
+
+  translate(width / 2, height / 2);
+  scale(scaleFactor, scaleFactor);
+
+  const combined = S.rhythmicity * 0.6 + S.harmonicity * 0.4;
+  const spacingFactor = map(combined, 0, 100, 2.5, 0.3);
+  const spacingAmp = map(S.volume, 0, 100, 0.3, 1.2);
+
+  for (let i = 0; i < layers; i++) {
+    push();
+    rotate((random() - 0.5) * rotAmt * 2);
+    
+    const w = random() * width * sizeScale;
+    const h = random() * height * sizeScale;
+    
+    translate(
+      (random() - 0.5) * width * spacingFactor * spacingAmp,
+      (random() - 0.5) * height * spacingFactor * spacingAmp
+    );
+
+    const hue = (hueBase + random() * hueVar - hueVar / 2 + 360) % 360;
+    const fillSat = constrain(60 * sat, 0, 100);
+    const fillLight = constrain(60 * bright * cont, 0, 100);
+    const strokeLight = constrain(30 * cont, 0, 100);
+
+    fill(hslColor(hue, fillSat, fillLight, alphaLevel * layerDepth));
+    stroke(hslColor(hue, fillSat * 0.6, strokeLight, alphaLevel));
+    strokeWeight(strokeW);
+
+    const rectW = w * (bias > 0.5 ? lerp(0.5, 1.0, random()) : lerp(0.1, 0.5, random()));
+    const rectH = h * (bias < 0.5 ? lerp(0.5, 1.0, random()) : lerp(0.1, 0.5, random()));
+
+    rect(
+      -rectW / 2 + (random() - 0.5) * distort,
+      -rectH / 2 + (random() - 0.5) * distort,
+      rectW,
+      rectH
+    );
+    pop();
+  }
+
+  noFill();
+  stroke(hslColor(hueBase, 25, 75, 0.25));
+  strokeWeight(1);
+  for (let i = 0; i < lineCount; i++) {
+    const x1 = random() * width - width / 2;
+    const y1 = random() * height - height / 2;
+    const x2 = x1 + lerp(-100, 100, random());
+    const y2 = y1 + lerp(-100, 100, random());
+    line(x1, y1, x2, y2);
+  }
+}
+
+function hslColor(h, s, l, a) {
+  if (a !== undefined) return 'hsla(' + h + ',' + s + '%,' + l + '%,' + a + ')';
+  return 'hsl(' + h + ',' + s + '%,' + l + '%)';
+}
+`;
+export default GEOMETRY_ILLUSION_SKETCH;

package/dist/sdk/codemode/soundart-sketches/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * SoundArt Sketches Index
+ *
+ * All SoundArt styles converted to Code Mode sketches.
+ * Each sketch uses S.* globals for sound-derived parameters.
+ */
+export type SoundArtSketchName = 'rings' | 'pixelGlyphs' | 'radialBurst' | 'orb' | 'waveStripes' | 'squares' | 'loomWeave' | 'noiseTerraces' | 'prismFlowFields' | 'chladniBloom' | 'dualVortex' | 'isoflow' | 'geometryIllusion' | 'resonantSoundBodies';
+/**
+ * Map of all available SoundArt sketches
+ * Each sketch is a string containing Code Mode compatible code
+ */
+export declare const SOUNDART_SKETCHES: Record<SoundArtSketchName, string>;
+/**
+ * Get a SoundArt sketch by name
+ */
+export declare function getSoundArtSketch(name: SoundArtSketchName): string | undefined;
+/**
+ * Get list of available (converted) SoundArt sketches
+ */
+export declare function getAvailableSoundArtSketches(): SoundArtSketchName[];
+/**
+ * Check if a SoundArt sketch has been converted to Code Mode
+ */
+export declare function isSoundArtSketchAvailable(name: SoundArtSketchName): boolean;
+export { RINGS_SKETCH } from './rings';
+export { PIXEL_GLYPHS_SKETCH } from './pixelGlyphs';
+export { RADIAL_BURST_SKETCH } from './radialBurst';
+export { ORB_SKETCH } from './orb';
+export { WAVE_STRIPES_SKETCH } from './waveStripes';
+export { SQUARES_SKETCH } from './squares';
+export { LOOM_WEAVE_SKETCH } from './loomWeave';
+export { NOISE_TERRACES_SKETCH } from './noiseTerraces';
+export { PRISM_FLOW_FIELDS_SKETCH } from './prismFlowFields';
+export { CHLADNI_BLOOM_SKETCH } from './chladniBloom';
+export { DUAL_VORTEX_SKETCH } from './dualVortex';
+export { ISOFLOW_SKETCH } from './isoflow';
+export { GEOMETRY_ILLUSION_SKETCH } from './geometryIllusion';
+export { RESONANT_SOUND_BODIES_SKETCH } from './resonantSoundBodies';
+//# sourceMappingURL=index.d.ts.map

package/dist/sdk/codemode/soundart-sketches/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAiBH,MAAM,MAAM,kBAAkB,GAC1B,OAAO,GACP,aAAa,GACb,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,WAAW,GACX,eAAe,GACf,iBAAiB,GACjB,cAAc,GACd,YAAY,GACZ,SAAS,GACT,kBAAkB,GAClB,qBAAqB,CAAC;AAE1B;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAehE,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAE9E;AAED;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,kBAAkB,EAAE,CAEnE;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,kBAAkB,GAAG,OAAO,CAE3E;AAED,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,4BAA4B,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/sdk/codemode/soundart-sketches/index.js

@@ -0,0 +1,72 @@
+/**
+ * SoundArt Sketches Index
+ *
+ * All SoundArt styles converted to Code Mode sketches.
+ * Each sketch uses S.* globals for sound-derived parameters.
+ */
+import { RINGS_SKETCH } from './rings';
+import { PIXEL_GLYPHS_SKETCH } from './pixelGlyphs';
+import { RADIAL_BURST_SKETCH } from './radialBurst';
+import { ORB_SKETCH } from './orb';
+import { WAVE_STRIPES_SKETCH } from './waveStripes';
+import { SQUARES_SKETCH } from './squares';
+import { LOOM_WEAVE_SKETCH } from './loomWeave';
+import { NOISE_TERRACES_SKETCH } from './noiseTerraces';
+import { PRISM_FLOW_FIELDS_SKETCH } from './prismFlowFields';
+import { CHLADNI_BLOOM_SKETCH } from './chladniBloom';
+import { DUAL_VORTEX_SKETCH } from './dualVortex';
+import { ISOFLOW_SKETCH } from './isoflow';
+import { GEOMETRY_ILLUSION_SKETCH } from './geometryIllusion';
+import { RESONANT_SOUND_BODIES_SKETCH } from './resonantSoundBodies';
+/**
+ * Map of all available SoundArt sketches
+ * Each sketch is a string containing Code Mode compatible code
+ */
+export const SOUNDART_SKETCHES = {
+    rings: RINGS_SKETCH,
+    pixelGlyphs: PIXEL_GLYPHS_SKETCH,
+    radialBurst: RADIAL_BURST_SKETCH,
+    orb: ORB_SKETCH,
+    waveStripes: WAVE_STRIPES_SKETCH,
+    squares: SQUARES_SKETCH,
+    loomWeave: LOOM_WEAVE_SKETCH,
+    noiseTerraces: NOISE_TERRACES_SKETCH,
+    prismFlowFields: PRISM_FLOW_FIELDS_SKETCH,
+    chladniBloom: CHLADNI_BLOOM_SKETCH,
+    dualVortex: DUAL_VORTEX_SKETCH,
+    isoflow: ISOFLOW_SKETCH,
+    geometryIllusion: GEOMETRY_ILLUSION_SKETCH,
+    resonantSoundBodies: RESONANT_SOUND_BODIES_SKETCH,
+};
+/**
+ * Get a SoundArt sketch by name
+ */
+export function getSoundArtSketch(name) {
+    return SOUNDART_SKETCHES[name];
+}
+/**
+ * Get list of available (converted) SoundArt sketches
+ */
+export function getAvailableSoundArtSketches() {
+    return Object.keys(SOUNDART_SKETCHES);
+}
+/**
+ * Check if a SoundArt sketch has been converted to Code Mode
+ */
+export function isSoundArtSketchAvailable(name) {
+    return name in SOUNDART_SKETCHES;
+}
+export { RINGS_SKETCH } from './rings';
+export { PIXEL_GLYPHS_SKETCH } from './pixelGlyphs';
+export { RADIAL_BURST_SKETCH } from './radialBurst';
+export { ORB_SKETCH } from './orb';
+export { WAVE_STRIPES_SKETCH } from './waveStripes';
+export { SQUARES_SKETCH } from './squares';
+export { LOOM_WEAVE_SKETCH } from './loomWeave';
+export { NOISE_TERRACES_SKETCH } from './noiseTerraces';
+export { PRISM_FLOW_FIELDS_SKETCH } from './prismFlowFields';
+export { CHLADNI_BLOOM_SKETCH } from './chladniBloom';
+export { DUAL_VORTEX_SKETCH } from './dualVortex';
+export { ISOFLOW_SKETCH } from './isoflow';
+export { GEOMETRY_ILLUSION_SKETCH } from './geometryIllusion';
+export { RESONANT_SOUND_BODIES_SKETCH } from './resonantSoundBodies';

package/dist/sdk/codemode/soundart-sketches/isoflow.d.ts

@@ -0,0 +1,3 @@
+export declare const ISOFLOW_SKETCH = "\nfunction setup() {\n  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';\n  if (bgMode === 'white') background(245, 245, 245);\n  else if (bgMode === 'black') background(10, 10, 10);\n  else {\n    const r = Math.floor((S.brightness / 100) * 255);\n    const g = Math.floor((S.rhythmicity / 100) * 255);\n    const b = Math.floor((S.harmonicity / 100) * 255);\n    background(r, g, b);\n  }\n\n  const cx = width / 2;\n  const cy = height / 2;\n  const maxRadius = min(width, height) * 0.6;\n  const layers = 3;\n  const burstsPerLayer = Math.floor(map(S.rhythmicity, 0, 100, 20, 40));\n\n  noFill();\n\n  for (let l = 0; l < layers; l++) {\n    const hue = map(l === 0 ? S.bass : (l === 1 ? S.brightness : S.treble), 0, 100, 0, 360);\n    const alpha = map(l === 0 ? S.volume : (l === 1 ? S.aggression : S.dynamicRange), 0, 100, 0.7, 1);\n    const sat = 85 + random() * 15;\n    \n    stroke('hsla(' + hue + ',' + sat + '%,95%,' + alpha + ')');\n    strokeWeight(map(S.volume + l * 10, 0, 130, 1.2, 4.8));\n    \n    const radiusScale = map(S.dynamicRange + l * 20, 0, 150, 0.8, 1.4);\n    const noiseAmp = map(S.aggression, 0, 100, 0.5, 3.0);\n    const swirl = map(S.treble + l * 20, 0, 150, 0.3, 1.5);\n    const rotSkew = map(S.harmonicity, 0, 100, -0.5, 0.5);\n    const deformSkew = map(S.attack, 0, 100, -PI * 0.4, PI * 0.4);\n    const centerJitter = map(S.bass, 0, 100, -60, 60);\n\n    for (let b = 0; b < burstsPerLayer; b++) {\n      const baseAngle = map(b + l * burstsPerLayer, 0, layers * burstsPerLayer, 0, PI * 2);\n      const burstCount = Math.floor(map(S.volume + S.rhythmicity, 0, 200, 30, 90));\n      \n      for (let j = 0; j < burstCount; j++) {\n        const angle = baseAngle + map(j, 0, burstCount, -0.02, 0.02);\n        const ox = cx + cos(angle) * centerJitter;\n        const oy = cy + sin(angle) * centerJitter;\n        \n        beginShape();\n        for (let r0 = 0; r0 < maxRadius * radiusScale; r0 += 3) {\n          const normR = r0 / maxRadius;\n          const n = noise(cos(angle + rotSkew) * normR * noiseAmp, sin(angle + swirl) * normR * noiseAmp);\n          const deform = map(n, 0, 1, -PI * swirl, PI * swirl) + deformSkew;\n          const px = ox + cos(angle + deform) * r0;\n          const py = oy + sin(angle + deform) * r0;\n          vertex(px, py);\n        }\n        endShape();\n      }\n    }\n  }\n}\n";
+export default ISOFLOW_SKETCH;
+//# sourceMappingURL=isoflow.d.ts.map

package/dist/sdk/codemode/soundart-sketches/isoflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isoflow.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/isoflow.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,g2EA0D1B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/sdk/codemode/soundart-sketches/isoflow.js

@@ -0,0 +1,60 @@
+export const ISOFLOW_SKETCH = `
+function setup() {
+  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';
+  if (bgMode === 'white') background(245, 245, 245);
+  else if (bgMode === 'black') background(10, 10, 10);
+  else {
+    const r = Math.floor((S.brightness / 100) * 255);
+    const g = Math.floor((S.rhythmicity / 100) * 255);
+    const b = Math.floor((S.harmonicity / 100) * 255);
+    background(r, g, b);
+  }
+
+  const cx = width / 2;
+  const cy = height / 2;
+  const maxRadius = min(width, height) * 0.6;
+  const layers = 3;
+  const burstsPerLayer = Math.floor(map(S.rhythmicity, 0, 100, 20, 40));
+
+  noFill();
+
+  for (let l = 0; l < layers; l++) {
+    const hue = map(l === 0 ? S.bass : (l === 1 ? S.brightness : S.treble), 0, 100, 0, 360);
+    const alpha = map(l === 0 ? S.volume : (l === 1 ? S.aggression : S.dynamicRange), 0, 100, 0.7, 1);
+    const sat = 85 + random() * 15;
+    
+    stroke('hsla(' + hue + ',' + sat + '%,95%,' + alpha + ')');
+    strokeWeight(map(S.volume + l * 10, 0, 130, 1.2, 4.8));
+    
+    const radiusScale = map(S.dynamicRange + l * 20, 0, 150, 0.8, 1.4);
+    const noiseAmp = map(S.aggression, 0, 100, 0.5, 3.0);
+    const swirl = map(S.treble + l * 20, 0, 150, 0.3, 1.5);
+    const rotSkew = map(S.harmonicity, 0, 100, -0.5, 0.5);
+    const deformSkew = map(S.attack, 0, 100, -PI * 0.4, PI * 0.4);
+    const centerJitter = map(S.bass, 0, 100, -60, 60);
+
+    for (let b = 0; b < burstsPerLayer; b++) {
+      const baseAngle = map(b + l * burstsPerLayer, 0, layers * burstsPerLayer, 0, PI * 2);
+      const burstCount = Math.floor(map(S.volume + S.rhythmicity, 0, 200, 30, 90));
+      
+      for (let j = 0; j < burstCount; j++) {
+        const angle = baseAngle + map(j, 0, burstCount, -0.02, 0.02);
+        const ox = cx + cos(angle) * centerJitter;
+        const oy = cy + sin(angle) * centerJitter;
+        
+        beginShape();
+        for (let r0 = 0; r0 < maxRadius * radiusScale; r0 += 3) {
+          const normR = r0 / maxRadius;
+          const n = noise(cos(angle + rotSkew) * normR * noiseAmp, sin(angle + swirl) * normR * noiseAmp);
+          const deform = map(n, 0, 1, -PI * swirl, PI * swirl) + deformSkew;
+          const px = ox + cos(angle + deform) * r0;
+          const py = oy + sin(angle + deform) * r0;
+          vertex(px, py);
+        }
+        endShape();
+      }
+    }
+  }
+}
+`;
+export default ISOFLOW_SKETCH;

package/dist/sdk/codemode/soundart-sketches/loomWeave.d.ts

@@ -0,0 +1,3 @@
+export declare const LOOM_WEAVE_SKETCH = "\nfunction setup() {\n  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';\n  if (bgMode === 'white') background(245, 245, 245);\n  else if (bgMode === 'black') background(10, 10, 10);\n  else {\n    const r = Math.floor((S.brightness / 100) * 255);\n    const g = Math.floor((S.rhythmicity / 100) * 255);\n    const b = Math.floor((S.harmonicity / 100) * 255);\n    background(r, g, b);\n  }\n\n  const threadsX = Math.round(map(S.rhythmicity, 0, 100, 4, 22));\n  const threadsY = Math.round(map(S.volume, 0, 100, 4, 22));\n  const margin = map(S.dynamicRange, 0, 100, 80, 220);\n  const threadW = map(S.amplitude, 0, 100, 8, 26);\n  const noiseFreq = map(S.harmonicity, 0, 100, 0.012, 0.035);\n  const noiseAmp = map(S.aggression, 0, 100, 8, 38);\n  const hueBase = map(S.hue, 0, 100, 0, 360);\n  const warpHue = hueBase;\n  const weftHue = (hueBase + 180) % 360;\n  const brightness = map(S.brightness, 0, 100, 45, 75);\n  const chroma = map(S.chroma, 0, 100, 70, 95);\n  const alphaVal = map(S.attack, 0, 100, 0.8, 1.0);\n\n  noStroke();\n\n  for (let i = 0; i < threadsX; i++) {\n    const xBase = margin + (width - 2 * margin) * (i / max(1, threadsX - 1));\n    fill('hsla(' + warpHue + ',' + chroma + '%,' + brightness + '%,' + alphaVal + ')');\n    beginShape();\n    for (let y = 0; y <= height; y += 16) {\n      const dx = map(noise(i * 0.25, y * noiseFreq), 0, 1, -noiseAmp, noiseAmp);\n      vertex(xBase + dx - threadW / 2, y);\n    }\n    for (let y = height; y >= 0; y -= 16) {\n      const dx = map(noise(i * 0.37, y * noiseFreq + 200), 0, 1, -noiseAmp, noiseAmp);\n      vertex(xBase + dx + threadW / 2, y);\n    }\n    endShape(CLOSE);\n  }\n\n  for (let j = 0; j < threadsY; j++) {\n    const yBase = margin + (height - 2 * margin) * (j / max(1, threadsY - 1));\n    fill('hsla(' + weftHue + ',' + chroma + '%,' + brightness + '%,' + alphaVal + ')');\n    beginShape();\n    for (let x = 0; x <= width; x += 16) {\n      const dy = map(noise(j * 0.25, x * noiseFreq), 0, 1, -noiseAmp, noiseAmp);\n      vertex(x, yBase + dy - threadW / 2);\n    }\n    for (let x = width; x >= 0; x -= 16) {\n      const dy = map(noise(j * 0.37, x * noiseFreq + 200), 0, 1, -noiseAmp, noiseAmp);\n      vertex(x, yBase + dy + threadW / 2);\n    }\n    endShape(CLOSE);\n  }\n}\n";
+export default LOOM_WEAVE_SKETCH;
+//# sourceMappingURL=loomWeave.d.ts.map

package/dist/sdk/codemode/soundart-sketches/loomWeave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomWeave.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/loomWeave.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,0wEAyD7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/sdk/codemode/soundart-sketches/loomWeave.js

@@ -0,0 +1,59 @@
+export const LOOM_WEAVE_SKETCH = `
+function setup() {
+  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';
+  if (bgMode === 'white') background(245, 245, 245);
+  else if (bgMode === 'black') background(10, 10, 10);
+  else {
+    const r = Math.floor((S.brightness / 100) * 255);
+    const g = Math.floor((S.rhythmicity / 100) * 255);
+    const b = Math.floor((S.harmonicity / 100) * 255);
+    background(r, g, b);
+  }
+
+  const threadsX = Math.round(map(S.rhythmicity, 0, 100, 4, 22));
+  const threadsY = Math.round(map(S.volume, 0, 100, 4, 22));
+  const margin = map(S.dynamicRange, 0, 100, 80, 220);
+  const threadW = map(S.amplitude, 0, 100, 8, 26);
+  const noiseFreq = map(S.harmonicity, 0, 100, 0.012, 0.035);
+  const noiseAmp = map(S.aggression, 0, 100, 8, 38);
+  const hueBase = map(S.hue, 0, 100, 0, 360);
+  const warpHue = hueBase;
+  const weftHue = (hueBase + 180) % 360;
+  const brightness = map(S.brightness, 0, 100, 45, 75);
+  const chroma = map(S.chroma, 0, 100, 70, 95);
+  const alphaVal = map(S.attack, 0, 100, 0.8, 1.0);
+
+  noStroke();
+
+  for (let i = 0; i < threadsX; i++) {
+    const xBase = margin + (width - 2 * margin) * (i / max(1, threadsX - 1));
+    fill('hsla(' + warpHue + ',' + chroma + '%,' + brightness + '%,' + alphaVal + ')');
+    beginShape();
+    for (let y = 0; y <= height; y += 16) {
+      const dx = map(noise(i * 0.25, y * noiseFreq), 0, 1, -noiseAmp, noiseAmp);
+      vertex(xBase + dx - threadW / 2, y);
+    }
+    for (let y = height; y >= 0; y -= 16) {
+      const dx = map(noise(i * 0.37, y * noiseFreq + 200), 0, 1, -noiseAmp, noiseAmp);
+      vertex(xBase + dx + threadW / 2, y);
+    }
+    endShape(CLOSE);
+  }
+
+  for (let j = 0; j < threadsY; j++) {
+    const yBase = margin + (height - 2 * margin) * (j / max(1, threadsY - 1));
+    fill('hsla(' + weftHue + ',' + chroma + '%,' + brightness + '%,' + alphaVal + ')');
+    beginShape();
+    for (let x = 0; x <= width; x += 16) {
+      const dy = map(noise(j * 0.25, x * noiseFreq), 0, 1, -noiseAmp, noiseAmp);
+      vertex(x, yBase + dy - threadW / 2);
+    }
+    for (let x = width; x >= 0; x -= 16) {
+      const dy = map(noise(j * 0.37, x * noiseFreq + 200), 0, 1, -noiseAmp, noiseAmp);
+      vertex(x, yBase + dy + threadW / 2);
+    }
+    endShape(CLOSE);
+  }
+}
+`;
+export default LOOM_WEAVE_SKETCH;

package/dist/sdk/codemode/soundart-sketches/noiseTerraces.d.ts

@@ -0,0 +1,3 @@
+export declare const NOISE_TERRACES_SKETCH = "\nfunction setup() {\n  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';\n  if (bgMode === 'white') background(245, 245, 245);\n  else if (bgMode === 'black') background(10, 10, 10);\n  else {\n    const r = Math.floor((S.brightness / 100) * 255);\n    const g = Math.floor((S.rhythmicity / 100) * 255);\n    const b = Math.floor((S.harmonicity / 100) * 255);\n    background(r, g, b);\n  }\n\n  const levels = Math.floor(map(S.harmonicity, 0, 100, 6, 16));\n  const res = Math.floor(map(S.brightness, 0, 100, 3, 10));\n\n  const mainHue = (S.brightness * 3.6) % 360;\n  const palette = [];\n  for (let i = 0; i < 16; i++) {\n    const h = (mainHue + i * 22.5) % 360;\n    const sat = map(S.treble, 0, 100, 60, 90);\n    const bri = map(S.bass, 0, 100, 70, 95);\n    palette.push([h, sat, bri]);\n  }\n\n  noStroke();\n\n  for (let lvl = 0; lvl < levels; lvl++) {\n    const iso = lvl / levels;\n    const [h, sat, bri] = palette[lvl % palette.length];\n    const satBoost = map(S.treble, 0, 100, 1.0, 1.4);\n    const alpha = lerp(0.95, 0.5, iso) * map(S.volume, 0, 100, 0.5, 1.0);\n    \n    fill(hslColor(h, constrain(sat * satBoost, 0, 100), bri, alpha));\n    \n    const scale = 0.012 + lvl * 0.0025;\n    for (let x = 0; x < width; x += res) {\n      for (let y = 0; y < height; y += res) {\n        if (noise(x * scale, y * scale) > iso * map(S.rhythmicity, 0, 100, 3.4, 8.3)) {\n          const rw = res * (0.9 + random() * 0.3);\n          const rh = res * (0.9 + random() * 0.3);\n          rect(x, y, rw, rh);\n        }\n      }\n    }\n  }\n}\n\nfunction hslColor(h, s, l, a) {\n  if (a !== undefined) return 'hsla(' + h + ',' + s + '%,' + l + '%,' + a + ')';\n  return 'hsl(' + h + ',' + s + '%,' + l + '%)';\n}\n";
+export default NOISE_TERRACES_SKETCH;
+//# sourceMappingURL=noiseTerraces.d.ts.map

package/dist/sdk/codemode/soundart-sketches/noiseTerraces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"noiseTerraces.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/noiseTerraces.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,muDAmDjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/sdk/codemode/soundart-sketches/noiseTerraces.js

@@ -0,0 +1,53 @@
+export const NOISE_TERRACES_SKETCH = `
+function setup() {
+  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';
+  if (bgMode === 'white') background(245, 245, 245);
+  else if (bgMode === 'black') background(10, 10, 10);
+  else {
+    const r = Math.floor((S.brightness / 100) * 255);
+    const g = Math.floor((S.rhythmicity / 100) * 255);
+    const b = Math.floor((S.harmonicity / 100) * 255);
+    background(r, g, b);
+  }
+
+  const levels = Math.floor(map(S.harmonicity, 0, 100, 6, 16));
+  const res = Math.floor(map(S.brightness, 0, 100, 3, 10));
+
+  const mainHue = (S.brightness * 3.6) % 360;
+  const palette = [];
+  for (let i = 0; i < 16; i++) {
+    const h = (mainHue + i * 22.5) % 360;
+    const sat = map(S.treble, 0, 100, 60, 90);
+    const bri = map(S.bass, 0, 100, 70, 95);
+    palette.push([h, sat, bri]);
+  }
+
+  noStroke();
+
+  for (let lvl = 0; lvl < levels; lvl++) {
+    const iso = lvl / levels;
+    const [h, sat, bri] = palette[lvl % palette.length];
+    const satBoost = map(S.treble, 0, 100, 1.0, 1.4);
+    const alpha = lerp(0.95, 0.5, iso) * map(S.volume, 0, 100, 0.5, 1.0);
+    
+    fill(hslColor(h, constrain(sat * satBoost, 0, 100), bri, alpha));
+    
+    const scale = 0.012 + lvl * 0.0025;
+    for (let x = 0; x < width; x += res) {
+      for (let y = 0; y < height; y += res) {
+        if (noise(x * scale, y * scale) > iso * map(S.rhythmicity, 0, 100, 3.4, 8.3)) {
+          const rw = res * (0.9 + random() * 0.3);
+          const rh = res * (0.9 + random() * 0.3);
+          rect(x, y, rw, rh);
+        }
+      }
+    }
+  }
+}
+
+function hslColor(h, s, l, a) {
+  if (a !== undefined) return 'hsla(' + h + ',' + s + '%,' + l + '%,' + a + ')';
+  return 'hsl(' + h + ',' + s + '%,' + l + '%)';
+}
+`;
+export default NOISE_TERRACES_SKETCH;

package/dist/sdk/codemode/soundart-sketches/orb.d.ts

@@ -0,0 +1,3 @@
+export declare const ORB_SKETCH = "\nfunction setup() {\n  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';\n  if (bgMode === 'white') background(245, 245, 245);\n  else if (bgMode === 'black') background(10, 10, 10);\n  else {\n    const r = Math.floor((S.brightness / 100) * 255);\n    const g = Math.floor((S.rhythmicity / 100) * 255);\n    const b = Math.floor((S.harmonicity / 100) * 255);\n    background(r, g, b);\n  }\n\n  const cx = width / 2 + map(S.dynamicRange, 0, 100, -150, 150);\n  const cy = height / 2 + map(S.rhythmicity, 0, 100, -100, 100);\n  const baseRadius = map(S.length, 0, 100, 240, 1200);\n  const steps = Math.round(map(S.rhythmicity, 0, 100, 280, 400));\n  const baseHue = map(S.hue, 0, 100, 0, 360);\n  const hue1 = baseHue;\n  const hue2 = (baseHue + map(S.attack, 0, 100, 80, 180)) % 360;\n\n  noStroke();\n\n  for (let i = steps; i > 0; i--) {\n    const pct = i / steps;\n    const r = baseRadius * pct * map(S.aggression, 0, 100, 0.92, 1.06);\n    const t = pow(pct, map(S.brightness, 0, 100, 1.8, 2.8));\n    const h = (lerp(hue1, hue2, t) + pct * map(S.harmonicity, 0, 100, -15, 15) + sin(pct * PI * 3) * map(S.brightness, 0, 100, -12, 12)) % 360;\n    const sat = constrain(70 + map(S.treble, 0, 100, -20, 20), 0, 100);\n    const bri = constrain(lerp(90, 30, t) + map(S.brightness, 0, 100, -6, 4), 0, 100);\n    const alpha = (map(pct, 1, 0, 18, 70) + sin(i * 0.15) * map(S.treble, 0, 100, 1, 4)) * map(S.volume, 0, 100, 0.8, 1.1) * 1.2;\n    \n    fill(hslColor(h, sat, bri, constrain(alpha / 100, 0, 1)));\n    \n    const rx = r * map(S.aggression, 0, 100, 0.9, 1.05);\n    const ry = r * map(S.aggression, 0, 100, 0.9, 1.05);\n    const angle = pct * PI * map(S.rhythmicity, 0, 100, 2, 4);\n    const wobbleAmp = map(S.aggression, 0, 100, 10, 40);\n    const wobbleX = sin(angle) * wobbleAmp;\n    const wobbleY = cos(angle) * wobbleAmp;\n    \n    ellipse(cx + wobbleX, cy + wobbleY, rx * 2, ry * 2);\n  }\n}\n\nfunction hslColor(h, s, l, a) {\n  if (a !== undefined) return 'hsla(' + h + ',' + s + '%,' + l + '%,' + a + ')';\n  return 'hsl(' + h + ',' + s + '%,' + l + '%)';\n}\n";
+export default ORB_SKETCH;
+//# sourceMappingURL=orb.d.ts.map

package/dist/sdk/codemode/soundart-sketches/orb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orb.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/orb.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,4kEAgDtB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/sdk/codemode/soundart-sketches/orb.js

@@ -0,0 +1,50 @@
+export const ORB_SKETCH = `
+function setup() {
+  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';
+  if (bgMode === 'white') background(245, 245, 245);
+  else if (bgMode === 'black') background(10, 10, 10);
+  else {
+    const r = Math.floor((S.brightness / 100) * 255);
+    const g = Math.floor((S.rhythmicity / 100) * 255);
+    const b = Math.floor((S.harmonicity / 100) * 255);
+    background(r, g, b);
+  }
+
+  const cx = width / 2 + map(S.dynamicRange, 0, 100, -150, 150);
+  const cy = height / 2 + map(S.rhythmicity, 0, 100, -100, 100);
+  const baseRadius = map(S.length, 0, 100, 240, 1200);
+  const steps = Math.round(map(S.rhythmicity, 0, 100, 280, 400));
+  const baseHue = map(S.hue, 0, 100, 0, 360);
+  const hue1 = baseHue;
+  const hue2 = (baseHue + map(S.attack, 0, 100, 80, 180)) % 360;
+
+  noStroke();
+
+  for (let i = steps; i > 0; i--) {
+    const pct = i / steps;
+    const r = baseRadius * pct * map(S.aggression, 0, 100, 0.92, 1.06);
+    const t = pow(pct, map(S.brightness, 0, 100, 1.8, 2.8));
+    const h = (lerp(hue1, hue2, t) + pct * map(S.harmonicity, 0, 100, -15, 15) + sin(pct * PI * 3) * map(S.brightness, 0, 100, -12, 12)) % 360;
+    const sat = constrain(70 + map(S.treble, 0, 100, -20, 20), 0, 100);
+    const bri = constrain(lerp(90, 30, t) + map(S.brightness, 0, 100, -6, 4), 0, 100);
+    const alpha = (map(pct, 1, 0, 18, 70) + sin(i * 0.15) * map(S.treble, 0, 100, 1, 4)) * map(S.volume, 0, 100, 0.8, 1.1) * 1.2;
+    
+    fill(hslColor(h, sat, bri, constrain(alpha / 100, 0, 1)));
+    
+    const rx = r * map(S.aggression, 0, 100, 0.9, 1.05);
+    const ry = r * map(S.aggression, 0, 100, 0.9, 1.05);
+    const angle = pct * PI * map(S.rhythmicity, 0, 100, 2, 4);
+    const wobbleAmp = map(S.aggression, 0, 100, 10, 40);
+    const wobbleX = sin(angle) * wobbleAmp;
+    const wobbleY = cos(angle) * wobbleAmp;
+    
+    ellipse(cx + wobbleX, cy + wobbleY, rx * 2, ry * 2);
+  }
+}
+
+function hslColor(h, s, l, a) {
+  if (a !== undefined) return 'hsla(' + h + ',' + s + '%,' + l + '%,' + a + ')';
+  return 'hsl(' + h + ',' + s + '%,' + l + '%)';
+}
+`;
+export default ORB_SKETCH;

package/dist/sdk/codemode/soundart-sketches/pixelGlyphs.d.ts

@@ -0,0 +1,3 @@
+export declare const PIXEL_GLYPHS_SKETCH = "\nfunction setup() {\n  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';\n  if (bgMode === 'white') background(245, 245, 245);\n  else if (bgMode === 'black') background(10, 10, 10);\n  else {\n    const r = Math.floor((S.brightness / 100) * 255);\n    const g = Math.floor((S.rhythmicity / 100) * 255);\n    const b = Math.floor((S.harmonicity / 100) * 255);\n    background(r, g, b);\n  }\n\n  const cols = Math.floor(map(S.length, 0, 100, 2, 18));\n  const rows = Math.floor(map(S.length, 0, 100, 3, 24));\n  const density = map(S.volume, 0, 100, 0.25, 0.6);\n  const jitter = map(S.attack, 0, 100, 0, 0.25);\n  const sparkRate = map(S.treble, 0, 100, 0.05, 0.45);\n  const invertRate = map(S.dynamicRange, 0, 100, 0.05, 0.35);\n\n  const margin = 140, gutter = 20, glyphRes = 7;\n  const P = [[11,16,38],[255,51,102],[0,224,255],[255,209,102],[124,255,178],[138,43,226]];\n  const cellW = (width - margin*2 - gutter*(cols - 1)) / cols;\n  const cellH = (height - margin*2 - gutter*(rows - 1)) / rows;\n  if (cellW <= 0 || cellH <= 0) return;\n\n  noStroke();\n\n  for (let gy = 0; gy < rows; gy++) {\n    for (let gx = 0; gx < cols; gx++) {\n      const cx = margin + gx * (cellW + gutter);\n      const cy = margin + gy * (cellH + gutter);\n      const invert = noise(gx * 0.4, gy * 0.3) < invertRate;\n      const baseA = map(S.amplitude, 0, 100, 0.8, 1.0);\n      const rndVal = noise(gx * 0.5, gy * 0.7);\n      const baseIdx = 1 + Math.floor(rndVal * 5);\n      const accentIdx = 1 + Math.floor(noise(gx + 3.3, gy + 4.4) * 5);\n      const baseCol = invert ? [240, 245, 255] : P[baseIdx];\n      const accCol = invert ? P[baseIdx] : P[accentIdx];\n\n      const px = Math.floor((cellW * 0.84) / glyphRes);\n      const py = Math.floor((cellH * 0.84) / glyphRes);\n      const gw = px * glyphRes, gh = py * glyphRes;\n      const ox = cx + Math.floor((cellW - gw) * 0.5);\n      const oy = cy + Math.floor((cellH - gh) * 0.5);\n\n      for (let j = 0; j < glyphRes; j++) {\n        for (let i = 0; i < Math.ceil(glyphRes / 2); i++) {\n          const pNoise = noise(gx * 0.51 + i * 0.19, gy * 0.47 + j * 0.21);\n          const p = density + (pNoise - 0.5) * 0.35;\n          if (random() < constrain(p, 0.05, 0.9)) {\n            const jx = Math.floor((random() - 0.5) * jitter * px);\n            const jy = Math.floor((random() - 0.5) * jitter * py);\n            const x0 = ox + i * px + jx;\n            const y0 = oy + j * py + jy;\n            \n            fill(baseCol[0], baseCol[1], baseCol[2], baseA * 255);\n            rect(x0, y0, px, py);\n            const mi = glyphRes - 1 - i;\n            rect(ox + mi * px - jx, y0, px, py);\n            \n            if (random() < sparkRate) {\n              fill(accCol[0], accCol[1], accCol[2], baseA * 255);\n              rect(x0 + px * 0.2, y0 + py * 0.2, px * 0.6, py * 0.6);\n            }\n          }\n        }\n      }\n    }\n  }\n}\n";
+export default PIXEL_GLYPHS_SKETCH;
+//# sourceMappingURL=pixelGlyphs.d.ts.map

package/dist/sdk/codemode/soundart-sketches/pixelGlyphs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixelGlyphs.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/pixelGlyphs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,m4FAsE/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/sdk/codemode/soundart-sketches/pixelGlyphs.js

@@ -0,0 +1,72 @@
+export const PIXEL_GLYPHS_SKETCH = `
+function setup() {
+  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';
+  if (bgMode === 'white') background(245, 245, 245);
+  else if (bgMode === 'black') background(10, 10, 10);
+  else {
+    const r = Math.floor((S.brightness / 100) * 255);
+    const g = Math.floor((S.rhythmicity / 100) * 255);
+    const b = Math.floor((S.harmonicity / 100) * 255);
+    background(r, g, b);
+  }
+
+  const cols = Math.floor(map(S.length, 0, 100, 2, 18));
+  const rows = Math.floor(map(S.length, 0, 100, 3, 24));
+  const density = map(S.volume, 0, 100, 0.25, 0.6);
+  const jitter = map(S.attack, 0, 100, 0, 0.25);
+  const sparkRate = map(S.treble, 0, 100, 0.05, 0.45);
+  const invertRate = map(S.dynamicRange, 0, 100, 0.05, 0.35);
+
+  const margin = 140, gutter = 20, glyphRes = 7;
+  const P = [[11,16,38],[255,51,102],[0,224,255],[255,209,102],[124,255,178],[138,43,226]];
+  const cellW = (width - margin*2 - gutter*(cols - 1)) / cols;
+  const cellH = (height - margin*2 - gutter*(rows - 1)) / rows;
+  if (cellW <= 0 || cellH <= 0) return;
+
+  noStroke();
+
+  for (let gy = 0; gy < rows; gy++) {
+    for (let gx = 0; gx < cols; gx++) {
+      const cx = margin + gx * (cellW + gutter);
+      const cy = margin + gy * (cellH + gutter);
+      const invert = noise(gx * 0.4, gy * 0.3) < invertRate;
+      const baseA = map(S.amplitude, 0, 100, 0.8, 1.0);
+      const rndVal = noise(gx * 0.5, gy * 0.7);
+      const baseIdx = 1 + Math.floor(rndVal * 5);
+      const accentIdx = 1 + Math.floor(noise(gx + 3.3, gy + 4.4) * 5);
+      const baseCol = invert ? [240, 245, 255] : P[baseIdx];
+      const accCol = invert ? P[baseIdx] : P[accentIdx];
+
+      const px = Math.floor((cellW * 0.84) / glyphRes);
+      const py = Math.floor((cellH * 0.84) / glyphRes);
+      const gw = px * glyphRes, gh = py * glyphRes;
+      const ox = cx + Math.floor((cellW - gw) * 0.5);
+      const oy = cy + Math.floor((cellH - gh) * 0.5);
+
+      for (let j = 0; j < glyphRes; j++) {
+        for (let i = 0; i < Math.ceil(glyphRes / 2); i++) {
+          const pNoise = noise(gx * 0.51 + i * 0.19, gy * 0.47 + j * 0.21);
+          const p = density + (pNoise - 0.5) * 0.35;
+          if (random() < constrain(p, 0.05, 0.9)) {
+            const jx = Math.floor((random() - 0.5) * jitter * px);
+            const jy = Math.floor((random() - 0.5) * jitter * py);
+            const x0 = ox + i * px + jx;
+            const y0 = oy + j * py + jy;
+            
+            fill(baseCol[0], baseCol[1], baseCol[2], baseA * 255);
+            rect(x0, y0, px, py);
+            const mi = glyphRes - 1 - i;
+            rect(ox + mi * px - jx, y0, px, py);
+            
+            if (random() < sparkRate) {
+              fill(accCol[0], accCol[1], accCol[2], baseA * 255);
+              rect(x0 + px * 0.2, y0 + py * 0.2, px * 0.6, py * 0.6);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+`;
+export default PIXEL_GLYPHS_SKETCH;

package/dist/sdk/codemode/soundart-sketches/prismFlowFields.d.ts

@@ -0,0 +1,3 @@
+export declare const PRISM_FLOW_FIELDS_SKETCH = "\nfunction setup() {\n  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';\n  if (bgMode === 'white') background(245, 245, 245);\n  else if (bgMode === 'black') background(10, 10, 10);\n  else {\n    const r = Math.floor((S.brightness / 100) * 255);\n    const g = Math.floor((S.rhythmicity / 100) * 255);\n    const b = Math.floor((S.harmonicity / 100) * 255);\n    background(r, g, b);\n  }\n\n  const particleCount = Math.floor(map(S.volume, 0, 100, 1500, 8200));\n  const maxSteps = Math.floor(map(S.rhythmicity, 0, 100, 200, 680));\n  const weightMin = map(S.volume, 0, 100, 0.5, 1.8);\n  const weightMax = map(S.treble, 0, 100, 1.2, 3.2);\n  const angleMult = map(max(0, S.harmonicity - 5), 0, 95, 2.5, 7.0);\n  const stepJitter = map(S.aggression, 0, 100, 0.5, 2.5);\n  const skewOffset = map(S.hue, 0, 100, -PI / 6, PI / 6);\n  const alphaBase = map(S.brightness, 0, 100, 0.4, 0.7);\n  const scaleF = map(S.harmonicity, 0, 100, 0.0001, 0.0024);\n\n  noFill();\n\n  for (let i = 0; i < particleCount; i++) {\n    let x = random() * width;\n    let y = random() * height;\n    const hueShift = (i / particleCount) * 360 + (S.hue * 3.6);\n    const h = hueShift % 360;\n    const sat = map(S.aggression, 0, 100, 70, 100);\n    const bri = map(S.brightness, 0, 100, 60, 100);\n    \n    stroke('hsla(' + h + ',' + sat + '%,' + bri + '%,' + alphaBase + ')');\n    strokeWeight(map(random(), 0, 1, weightMin, weightMax));\n    \n    beginShape();\n    vertex(x, y);\n    for (let j = 0; j < maxSteps; j++) {\n      const angle = noise(x * scaleF, y * scaleF) * PI * 4 + skewOffset;\n      const dx = cos(angle) * (angleMult + (random() - 0.5) * stepJitter);\n      const dy = sin(angle) * (angleMult + (random() - 0.5) * stepJitter);\n      x += dx;\n      y += dy;\n      if (x < 0 || x > width || y < 0 || y > height) break;\n      vertex(x, y);\n    }\n    endShape();\n  }\n}\n";
+export default PRISM_FLOW_FIELDS_SKETCH;
+//# sourceMappingURL=prismFlowFields.d.ts.map

package/dist/sdk/codemode/soundart-sketches/prismFlowFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prismFlowFields.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/prismFlowFields.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,43DAiDpC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/sdk/codemode/soundart-sketches/prismFlowFields.js

@@ -0,0 +1,51 @@
+export const PRISM_FLOW_FIELDS_SKETCH = `
+function setup() {
+  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';
+  if (bgMode === 'white') background(245, 245, 245);
+  else if (bgMode === 'black') background(10, 10, 10);
+  else {
+    const r = Math.floor((S.brightness / 100) * 255);
+    const g = Math.floor((S.rhythmicity / 100) * 255);
+    const b = Math.floor((S.harmonicity / 100) * 255);
+    background(r, g, b);
+  }
+
+  const particleCount = Math.floor(map(S.volume, 0, 100, 1500, 8200));
+  const maxSteps = Math.floor(map(S.rhythmicity, 0, 100, 200, 680));
+  const weightMin = map(S.volume, 0, 100, 0.5, 1.8);
+  const weightMax = map(S.treble, 0, 100, 1.2, 3.2);
+  const angleMult = map(max(0, S.harmonicity - 5), 0, 95, 2.5, 7.0);
+  const stepJitter = map(S.aggression, 0, 100, 0.5, 2.5);
+  const skewOffset = map(S.hue, 0, 100, -PI / 6, PI / 6);
+  const alphaBase = map(S.brightness, 0, 100, 0.4, 0.7);
+  const scaleF = map(S.harmonicity, 0, 100, 0.0001, 0.0024);
+
+  noFill();
+
+  for (let i = 0; i < particleCount; i++) {
+    let x = random() * width;
+    let y = random() * height;
+    const hueShift = (i / particleCount) * 360 + (S.hue * 3.6);
+    const h = hueShift % 360;
+    const sat = map(S.aggression, 0, 100, 70, 100);
+    const bri = map(S.brightness, 0, 100, 60, 100);
+    
+    stroke('hsla(' + h + ',' + sat + '%,' + bri + '%,' + alphaBase + ')');
+    strokeWeight(map(random(), 0, 1, weightMin, weightMax));
+    
+    beginShape();
+    vertex(x, y);
+    for (let j = 0; j < maxSteps; j++) {
+      const angle = noise(x * scaleF, y * scaleF) * PI * 4 + skewOffset;
+      const dx = cos(angle) * (angleMult + (random() - 0.5) * stepJitter);
+      const dy = sin(angle) * (angleMult + (random() - 0.5) * stepJitter);
+      x += dx;
+      y += dy;
+      if (x < 0 || x > width || y < 0 || y > height) break;
+      vertex(x, y);
+    }
+    endShape();
+  }
+}
+`;
+export default PRISM_FLOW_FIELDS_SKETCH;

package/dist/sdk/codemode/soundart-sketches/radialBurst.d.ts

@@ -0,0 +1,3 @@
+export declare const RADIAL_BURST_SKETCH = "\nfunction setup() {\n  const bgMode = typeof backgroundMode !== 'undefined' ? backgroundMode : 'rgb';\n  if (bgMode === 'white') background(245, 245, 245);\n  else if (bgMode === 'black') background(10, 10, 10);\n  else {\n    const r = Math.floor((S.brightness / 100) * 255);\n    const g = Math.floor((S.rhythmicity / 100) * 255);\n    const b = Math.floor((S.harmonicity / 100) * 255);\n    background(r, g, b);\n  }\n\n  const centerX = width / 2;\n  const centerY = height / 2;\n  const baseN = Math.floor(map(S.rhythmicity, 0, 100, 90, 320));\n  const rhythmMask = 0.4 + (S.rhythmicity / 100) * 0.6;\n\n  const palette = [];\n  const mainHue = (S.brightness * 3.6) % 360;\n  for (let i = 0; i < 16; i++) {\n    const h = (mainHue + i * 22.5) % 360;\n    const sat = map(S.treble, 0, 100, 60, 90);\n    const bri = map(S.bass, 0, 100, 70, 95);\n    palette.push('hsl(' + h + ',' + sat + '%,' + bri + '%)');\n  }\n\n  noFill();\n\n  for (let i = 0; i < baseN; i++) {\n    if ((i % 3) && random() > rhythmMask) continue;\n\n    const angle = (i / baseN) * PI * 2;\n    const col = palette[i % palette.length];\n\n    const lenJit = map(S.dynamicRange, 0, 100, 0, height * 2.45);\n    const rayLength = (S.amplitude / 100) * (height * 1.65) + random() * lenJit;\n\n    const waveAmp = map(S.harmonicity, 0, 100, 0, 42);\n    const waveFreq = map(S.treble, 0, 100, 1, 48);\n    const segments = 28;\n\n    const thickness = 1.2 + (S.attack / 100) * 7 + (S.aggression / 100) * 5 + sin(i * 0.9) * 1.4;\n\n    stroke(col);\n    strokeWeight(thickness);\n\n    beginShape();\n    for (let s = 0; s <= segments; s++) {\n      const t = s / segments;\n      const radius = t * rayLength;\n      const wobble = sin(t * PI * waveFreq + i * 0.2) * waveAmp * (1 - t);\n      const wx = centerX + cos(angle + wobble * 0.01) * radius;\n      const wy = centerY + sin(angle + wobble * 0.01) * radius;\n      vertex(wx, wy);\n    }\n    endShape();\n  }\n}\n";
+export default RADIAL_BURST_SKETCH;
+//# sourceMappingURL=radialBurst.d.ts.map

package/dist/sdk/codemode/soundart-sketches/radialBurst.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radialBurst.d.ts","sourceRoot":"","sources":["../../../../soundart-sketches/radialBurst.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,+5DA0D/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}