particles

Author: ashconnell

packages/website/routes/static/particle-2.png

@@ -43,6 +43,22 @@ THREE.InstancedMesh.prototype.resize = function (size) {
   // }
 }
 
+// add alpha to Color
+THREE.Color.prototype.setRGBAHex = function (val) {
+  if (typeof val === 'string' && val.length === 9) {
+    const r = parseInt(val.slice(1, 3), 16) / 255
+    const g = parseInt(val.slice(3, 5), 16) / 255
+    const b = parseInt(val.slice(5, 7), 16) / 255
+    const a = parseInt(val.slice(7, 9), 16) / 255
+    this.setRGB(r, g, b)
+    this.a = a
+    return this
+  }
+  this.set(val)
+  this.a = 1
+  return this
+}
+
 const v1 = new THREE.Vector3()
 const vec2 = new THREE.Vector2()
 

packages/website/routes/static/particles.js

@@ -0,0 +1,67 @@
+import { isBoolean } from 'lodash-es'
+
+import { System } from './System'
+
+let ids = -1
+
+export class Particles extends System {
+  constructor(world) {
+    super(world)
+    this.worker = null
+    this.systems = new Map() // id -> System
+  }
+
+  init() {
+    this.worker = new Worker('/static/particles.js')
+    this.worker.onmessage = this.onMessage
+    this.worker.onerror = this.onError
+  }
+
+  update(delta) {
+    this.systems.forEach(system => {
+      system.node.update(delta)
+    })
+    // for (const system of this.systems) {
+    // }
+  }
+
+  onMessage = msg => {
+    msg = msg.data
+    this.systems.get(msg.systemId)?.onMessage(msg)
+  }
+
+  onError = err => {
+    console.error('[particles]', err)
+  }
+
+  createSystem(node, options) {
+    const id = ++ids
+    const system = {
+      id,
+      node,
+      onMessage: null,
+      send: (msg, transfers) => {
+        msg.systemId = id
+        this.worker.postMessage(msg, transfers)
+      },
+      destroy: () => {
+        this.systems.delete(id)
+        this.worker.postMessage({ op: 'destroy', systemId: id })
+      },
+    }
+    this.systems.set(id, system)
+    this.worker.postMessage({ op: 'create', id, ...options })
+    return system
+  }
+
+  debug(enabled) {
+    enabled = isBoolean(enabled) ? enabled : !this.isDebugging
+    if (this.isDebugging === enabled) return
+    this.worker.postMessage({ op: 'debug', enabled })
+    this.isDebugging = enabled
+  }
+
+  destroy() {
+    console.error('[particles] todo: destroy')
+  }
+}

packages/website/verse/Graphics.js

@@ -11,6 +11,8 @@ import { Vector3Enhanced } from './extras/Vector3Enhanced'
 import { clamp } from './extras/utils'
 import { Layers } from './extras/Layers'
 import { isNumber } from 'lodash-es'
+import { Curve } from './extras/Curve'
+import { Gradient } from './extras/Gradient'
 
 export class Scripts extends System {
   constructor(world) {
@@ -43,6 +45,8 @@ export class Scripts extends System {
       Vector3Lerp: Vector3Lerp,
       QuaternionLerp: QuaternionLerp,
       Material: Material,
+      Curve: Curve,
+      Gradient: Gradient,
       DEG2RAD: DEG2RAD,
       RAD2DEG: RAD2DEG,
       // pause: () => this.world.pause(),

packages/website/verse/Particles.js

@@ -9,6 +9,7 @@ import { Actions } from './Actions'
 import { Models } from './Models'
 import { Composites } from './Composites'
 import { LODs } from './LODs'
+import { Particles } from './Particles'
 import { Scripts } from './Scripts'
 import { Panels } from './Panels'
 import { Permissions } from './Permissions'
@@ -46,6 +47,7 @@ export class World extends EventEmitter {
     this.models = this.register(Models)
     this.composites = this.register(Composites)
     this.lods = this.register(LODs)
+    this.particles = this.register(Particles)
     this.scripts = this.register(Scripts)
     this.panels = this.register(Panels)
     this.permissions = this.register(Permissions)