nova64 0.2.2 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nova64",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Nova64 — Ultimate 3D Fantasy Console runtime for JavaScript games powered by Three.js",
   "keywords": [
     "fantasy-console",
@@ -212,6 +212,13 @@
       "setInstanceColor": "readonly",
       "finalizeInstances": "readonly",
       "removeInstancedMesh": "readonly",
+      "createParticleSystem": "readonly",
+      "setParticleEmitter": "readonly",
+      "emitParticle": "readonly",
+      "burstParticles": "readonly",
+      "updateParticles": "readonly",
+      "removeParticleSystem": "readonly",
+      "getParticleStats": "readonly",
       "createLODMesh": "readonly",
       "setLODPosition": "readonly",
       "removeLODMesh": "readonly",

package/runtime/api-3d/particles.js

@@ -0,0 +1,296 @@
+// runtime/api-3d/particles.js
+// GPU particle system: typed-array physics simulation, single InstancedMesh draw call
+//
+// API:
+//   createParticleSystem(maxParticles, options) → systemId
+//   setParticleEmitter(systemId, emitter)          configure emission
+//   emitParticle(systemId, overrides?)             fire one particle
+//   burstParticles(systemId, count, overrides?)    fire N particles at once
+//   updateParticles(dt)                            step all systems (call each frame)
+//   removeParticleSystem(systemId)                 cleanup
+
+import * as THREE from 'three';
+
+export function particlesModule({ scene, counters }) {
+  // Per-particle typed arrays layout (indices into Float32Array pools):
+  //   px py pz  — position
+  //   vx vy vz  — velocity
+  //   age life  — lifetime tracking
+  //   r g b     — color (0-1)
+  //   size      — scale
+  //   active    — 1 = alive, 0 = dead
+
+  const STRIDE = 13; // slots per particle
+
+  const particleSystems = new Map();
+  let psCounter = 0;
+
+  const _dummy = new THREE.Object3D();
+  const _color = new THREE.Color();
+
+  function createParticleSystem(maxParticles = 200, options = {}) {
+    const {
+      shape = 'sphere',
+      size = 0.15,
+      segments = 4,
+      color = 0xffaa00,
+      emissive = 0xff6600,
+      emissiveIntensity = 2.0,
+      gravity = -9.8,
+      drag = 0.95,
+      // Emitter defaults
+      emitterX = 0,
+      emitterY = 0,
+      emitterZ = 0,
+      emitRate = 20, // particles per second
+      minLife = 0.8,
+      maxLife = 2.0,
+      minSpeed = 2,
+      maxSpeed = 8,
+      spread = Math.PI, // half-angle cone spread (PI = hemisphere)
+      minSize = 0.05,
+      maxSize = 0.3,
+      startColor = color,
+      endColor = 0x000000,
+    } = options;
+
+    // Geometry
+    let geometry;
+    if (shape === 'cube') {
+      geometry = new THREE.BoxGeometry(size, size, size);
+    } else {
+      geometry = new THREE.SphereGeometry(size, segments, segments);
+    }
+
+    const material = new THREE.MeshBasicMaterial({ color, vertexColors: false });
+    material.emissive = new THREE.Color(emissive);
+    // MeshBasicMaterial doesn't have emissive — use MeshStandardMaterial instead
+    const stdMat = new THREE.MeshStandardMaterial({
+      color,
+      emissive: new THREE.Color(emissive),
+      emissiveIntensity,
+      roughness: 0.8,
+      metalness: 0.0,
+    });
+
+    const mesh = new THREE.InstancedMesh(geometry, stdMat, maxParticles);
+    mesh.instanceMatrix.setUsage(THREE.DynamicDrawUsage);
+    mesh.castShadow = false;
+    mesh.receiveShadow = false;
+
+    // Hide all instances initially by scaling to zero
+    _dummy.position.set(0, -9999, 0);
+    _dummy.scale.set(0, 0, 0);
+    _dummy.updateMatrix();
+    for (let i = 0; i < maxParticles; i++) {
+      mesh.setMatrixAt(i, _dummy.matrix);
+    }
+    mesh.instanceMatrix.needsUpdate = true;
+
+    // Enable per-instance color
+    mesh.instanceColor = new THREE.InstancedBufferAttribute(new Float32Array(maxParticles * 3), 3);
+
+    scene.add(mesh);
+
+    // Typed-array particle state pool
+    const pool = new Float32Array(maxParticles * STRIDE);
+    // All start inactive (age = life = 0, active slot = 0)
+
+    const id = ++psCounter;
+    particleSystems.set(id, {
+      mesh,
+      pool,
+      maxParticles,
+      freeList: Array.from({ length: maxParticles }, (_, i) => i),
+      activeCount: 0,
+      emitAccum: 0,
+      emitter: {
+        x: emitterX,
+        y: emitterY,
+        z: emitterZ,
+        emitRate,
+        minLife,
+        maxLife,
+        minSpeed,
+        maxSpeed,
+        spread,
+        minSize,
+        maxSize,
+      },
+      config: {
+        gravity,
+        drag,
+        startColor: new THREE.Color(startColor),
+        endColor: new THREE.Color(endColor),
+      },
+    });
+
+    counters.particle = (counters.particle || 0) + 1;
+    return id;
+  }
+
+  function setParticleEmitter(systemId, emitter = {}) {
+    const sys = particleSystems.get(systemId);
+    if (!sys) return;
+    Object.assign(sys.emitter, emitter);
+  }
+
+  function _spawnParticle(sys, overrides = {}) {
+    if (sys.freeList.length === 0) return; // pool full
+    const idx = sys.freeList.pop();
+    const base = idx * STRIDE;
+    const { pool, emitter } = sys;
+
+    const ex = overrides.x ?? emitter.x;
+    const ey = overrides.y ?? emitter.y;
+    const ez = overrides.z ?? emitter.z;
+
+    // Random direction within spread cone (pointing up by default)
+    const phi = Math.random() * Math.PI * 2;
+    const theta = Math.random() * (overrides.spread ?? emitter.spread);
+    const ct = Math.cos(theta);
+    const st = Math.sin(theta);
+    const speed = emitter.minSpeed + Math.random() * (emitter.maxSpeed - emitter.minSpeed);
+    const vx = overrides.vx ?? st * Math.cos(phi) * speed;
+    const vy = overrides.vy ?? ct * speed;
+    const vz = overrides.vz ?? st * Math.sin(phi) * speed;
+
+    const life = emitter.minLife + Math.random() * (emitter.maxLife - emitter.minLife);
+    const sz = emitter.minSize + Math.random() * (emitter.maxSize - emitter.minSize);
+
+    // position
+    pool[base + 0] = ex;
+    pool[base + 1] = ey;
+    pool[base + 2] = ez;
+    // velocity
+    pool[base + 3] = vx;
+    pool[base + 4] = vy;
+    pool[base + 5] = vz;
+    // age, life
+    pool[base + 6] = 0;
+    pool[base + 7] = life > 0 ? life : 1;
+    // color (start)
+    const sc = sys.config.startColor;
+    pool[base + 8] = overrides.r ?? sc.r;
+    pool[base + 9] = overrides.g ?? sc.g;
+    pool[base + 10] = overrides.b ?? sc.b;
+    // size
+    pool[base + 11] = sz;
+    // active
+    pool[base + 12] = 1;
+
+    sys.activeCount++;
+  }
+
+  function emitParticle(systemId, overrides = {}) {
+    const sys = particleSystems.get(systemId);
+    if (sys) _spawnParticle(sys, overrides);
+  }
+
+  function burstParticles(systemId, count = 10, overrides = {}) {
+    const sys = particleSystems.get(systemId);
+    if (!sys) return;
+    for (let i = 0; i < count; i++) _spawnParticle(sys, overrides);
+  }
+
+  function updateParticles(dt) {
+    particleSystems.forEach(sys => {
+      const { pool, maxParticles, mesh, config, emitter } = sys;
+
+      // Auto-emit based on rate
+      sys.emitAccum += emitter.emitRate * dt;
+      while (sys.emitAccum >= 1 && sys.freeList.length > 0) {
+        _spawnParticle(sys);
+        sys.emitAccum -= 1;
+      }
+
+      let needsUpdate = false;
+
+      for (let i = 0; i < maxParticles; i++) {
+        const base = i * STRIDE;
+        if (pool[base + 12] === 0) continue; // inactive
+
+        // Step age
+        pool[base + 6] += dt;
+        const age = pool[base + 6];
+        const life = pool[base + 7];
+
+        if (age >= life) {
+          // Kill particle
+          pool[base + 12] = 0;
+          sys.freeList.push(i);
+          sys.activeCount--;
+
+          // Scale to zero
+          _dummy.position.set(0, -9999, 0);
+          _dummy.scale.set(0, 0, 0);
+          _dummy.updateMatrix();
+          mesh.setMatrixAt(i, _dummy.matrix);
+          needsUpdate = true;
+          continue;
+        }
+
+        // Physics integration
+        pool[base + 3] *= config.drag; // drag on vx
+        pool[base + 5] *= config.drag; // drag on vz
+        pool[base + 4] += config.gravity * dt; // gravity on vy
+
+        pool[base + 0] += pool[base + 3] * dt; // px
+        pool[base + 1] += pool[base + 4] * dt; // py
+        pool[base + 2] += pool[base + 5] * dt; // pz
+
+        // Interpolate color start→end
+        const t = age / life;
+        const r = pool[base + 8] * (1 - t) + config.endColor.r * t;
+        const g = pool[base + 9] * (1 - t) + config.endColor.g * t;
+        const b = pool[base + 10] * (1 - t) + config.endColor.b * t;
+        _color.setRGB(r, g, b);
+        mesh.setColorAt(i, _color);
+
+        // Shrink as particle ages
+        const sz = pool[base + 11] * (1 - t * 0.8);
+
+        _dummy.position.set(pool[base + 0], pool[base + 1], pool[base + 2]);
+        _dummy.scale.set(sz, sz, sz);
+        _dummy.updateMatrix();
+        mesh.setMatrixAt(i, _dummy.matrix);
+        needsUpdate = true;
+      }
+
+      if (needsUpdate) {
+        mesh.instanceMatrix.needsUpdate = true;
+        if (mesh.instanceColor) mesh.instanceColor.needsUpdate = true;
+      }
+    });
+  }
+
+  function removeParticleSystem(systemId) {
+    const sys = particleSystems.get(systemId);
+    if (!sys) return false;
+    scene.remove(sys.mesh);
+    sys.mesh.geometry?.dispose();
+    sys.mesh.material?.dispose();
+    particleSystems.delete(systemId);
+    return true;
+  }
+
+  function getParticleStats(systemId) {
+    const sys = particleSystems.get(systemId);
+    if (!sys) return null;
+    return {
+      active: sys.activeCount,
+      max: sys.maxParticles,
+      free: sys.freeList.length,
+    };
+  }
+
+  return {
+    createParticleSystem,
+    setParticleEmitter,
+    emitParticle,
+    burstParticles,
+    updateParticles,
+    removeParticleSystem,
+    getParticleStats,
+  };
+}

package/runtime/api-3d.js

@@ -11,6 +11,7 @@ import { modelsModule } from './api-3d/models.js';
 import { instancingModule } from './api-3d/instancing.js';
 import { pbrModule } from './api-3d/pbr.js';
 import { sceneModule } from './api-3d/scene.js';
+import { particlesModule } from './api-3d/particles.js';
 
 export function threeDApi(gpu) {
   if (!gpu.getScene) return { exposeTo: () => {} };
@@ -53,6 +54,7 @@ export function threeDApi(gpu) {
   Object.assign(ctx, modelsModule(ctx));
   Object.assign(ctx, instancingModule(ctx));
   Object.assign(ctx, pbrModule(ctx));
+  Object.assign(ctx, particlesModule(ctx));
   Object.assign(ctx, sceneModule(ctx)); // last: uses late binding to call other modules
 
   return {
@@ -138,6 +140,15 @@ export function threeDApi(gpu) {
         setNormalMap: ctx.setNormalMap,
         setPBRMaps: ctx.setPBRMaps,
 
+        // GPU particle system
+        createParticleSystem: ctx.createParticleSystem,
+        setParticleEmitter: ctx.setParticleEmitter,
+        emitParticle: ctx.emitParticle,
+        burstParticles: ctx.burstParticles,
+        updateParticles: ctx.updateParticles,
+        removeParticleSystem: ctx.removeParticleSystem,
+        getParticleStats: ctx.getParticleStats,
+
         // Interaction / stats / convenience
         raycastFromCamera: ctx.raycastFromCamera,
         get3DStats: ctx.get3DStats,

package/runtime/index.d.ts

@@ -20,6 +20,60 @@ export type InstancedMeshId = number;
 /** LOD identifier returned by createLODMesh. */
 export type LODId = number;
 
+/** Particle system identifier returned by createParticleSystem. */
+export type ParticleSystemId = number;
+
+export interface ParticleSystemOptions {
+  shape?: 'sphere' | 'cube';
+  size?: number;
+  segments?: number;
+  color?: Color;
+  emissive?: Color;
+  emissiveIntensity?: number;
+  gravity?: number;
+  drag?: number;
+  emitterX?: number;
+  emitterY?: number;
+  emitterZ?: number;
+  emitRate?: number;
+  minLife?: number;
+  maxLife?: number;
+  minSpeed?: number;
+  maxSpeed?: number;
+  spread?: number;
+  minSize?: number;
+  maxSize?: number;
+  startColor?: Color;
+  endColor?: Color;
+}
+
+export interface ParticleEmitter {
+  x: number;
+  y: number;
+  z: number;
+  emitRate: number;
+  minLife: number;
+  maxLife: number;
+  minSpeed: number;
+  maxSpeed: number;
+  spread: number;
+  minSize: number;
+  maxSize: number;
+}
+
+export interface ParticleOverrides {
+  x: number;
+  y: number;
+  z: number;
+  vx: number;
+  vy: number;
+  vz: number;
+  spread: number;
+  r: number;
+  g: number;
+  b: number;
+}
+
 /** Panel object returned by createPanel. */
 export interface Panel {
   x: number;
@@ -320,6 +374,21 @@ export interface ThreeDApiInstance {
   finalizeInstances(instancedId: InstancedMeshId): boolean;
   removeInstancedMesh(instancedId: InstancedMeshId): boolean;
 
+  // GPU particle system
+  createParticleSystem(maxParticles?: number, options?: ParticleSystemOptions): ParticleSystemId;
+  setParticleEmitter(systemId: ParticleSystemId, emitter: Partial<ParticleEmitter>): void;
+  emitParticle(systemId: ParticleSystemId, overrides?: Partial<ParticleOverrides>): void;
+  burstParticles(
+    systemId: ParticleSystemId,
+    count?: number,
+    overrides?: Partial<ParticleOverrides>
+  ): void;
+  updateParticles(dt: number): void;
+  removeParticleSystem(systemId: ParticleSystemId): boolean;
+  getParticleStats(
+    systemId: ParticleSystemId
+  ): { active: number; max: number; free: number } | null;
+
   // LOD system
   createLODMesh(levels?: LODLevel[], position?: [number, number, number]): LODId;
   setLODPosition(lodId: LODId, x: number, y: number, z: number): void;
@@ -533,6 +602,13 @@ export interface Nova64CartGlobals {
   setInstanceColor: ThreeDApiInstance['setInstanceColor'];
   finalizeInstances: ThreeDApiInstance['finalizeInstances'];
   removeInstancedMesh: ThreeDApiInstance['removeInstancedMesh'];
+  createParticleSystem: ThreeDApiInstance['createParticleSystem'];
+  setParticleEmitter: ThreeDApiInstance['setParticleEmitter'];
+  emitParticle: ThreeDApiInstance['emitParticle'];
+  burstParticles: ThreeDApiInstance['burstParticles'];
+  updateParticles: ThreeDApiInstance['updateParticles'];
+  removeParticleSystem: ThreeDApiInstance['removeParticleSystem'];
+  getParticleStats: ThreeDApiInstance['getParticleStats'];
   createLODMesh: ThreeDApiInstance['createLODMesh'];
   setLODPosition: ThreeDApiInstance['setLODPosition'];
   removeLODMesh: ThreeDApiInstance['removeLODMesh'];

package/src/main.js

@@ -262,6 +262,14 @@ const demoMap = {
   'input-showcase': '/examples/input-showcase/code.js',
   'audio-lab': '/examples/audio-lab/code.js',
   'storage-quest': '/examples/storage-quest/code.js',
+  'instancing-demo': '/examples/instancing-demo/code.js',
+  'particles-demo': '/examples/particles-demo/code.js',
+  'screen-demo': '/examples/screen-demo/code.js',
+  'ui-demo': '/examples/ui-demo/code.js',
+  'wing-commander-space': '/examples/wing-commander-space/code.js',
+  'space-combat-3d': '/examples/space-combat-3d/code.js',
+  'model-viewer-3d': '/examples/model-viewer-3d/code.js',
+  '3d-advanced': '/examples/3d-advanced/code.js',
 };
 
 // default cart - load from URL param or default to space-harrier-3d