deploy: Observatory demo for GitHub Pages

Static demo of the Psychohistory Observatory visualization (ADR-047). Runs in demo mode with synthetic CSI data — cycles through 4 scenarios (empty room, breathing, walking, fall event) every 30 seconds. Live at: https://ruvnet.github.io/RuView/ Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-08-10 20:31:42 +00:00 · 2026-03-05 10:35:27 -05:00
commit e4e6c1e600
16 changed files with 7213 additions and 0 deletions
@@ -0,0 +1,115 @@
+/**
+ * Room Atmosphere Background — Warm dark gradient with subtle particles
+ * Matches RuView Foundation aesthetic: deep blue-black with warm undertones
+ */
+import * as THREE from 'three';
+
+const BG_VERTEX = `
+varying vec3 vWorldPos;
+void main() {
+  vWorldPos = (modelMatrix * vec4(position, 1.0)).xyz;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`;
+
+const BG_FRAGMENT = `
+uniform float uTime;
+uniform float uOctaves;
+varying vec3 vWorldPos;
+
+vec3 hash33(vec3 p) {
+  p = fract(p * vec3(443.8975, 397.2973, 491.1871));
+  p += dot(p, p.yxz + 19.19);
+  return fract(vec3(p.x * p.y, p.y * p.z, p.z * p.x));
+}
+
+float noise3d(vec3 p) {
+  vec3 i = floor(p);
+  vec3 f = fract(p);
+  f = f * f * (3.0 - 2.0 * f);
+  float n = mix(
+    mix(mix(dot(hash33(i), f), dot(hash33(i + vec3(1,0,0)), f - vec3(1,0,0)), f.x),
+        mix(dot(hash33(i + vec3(0,1,0)), f - vec3(0,1,0)), dot(hash33(i + vec3(1,1,0)), f - vec3(1,1,0)), f.x), f.y),
+    mix(mix(dot(hash33(i + vec3(0,0,1)), f - vec3(0,0,1)), dot(hash33(i + vec3(1,0,1)), f - vec3(1,0,1)), f.x),
+        mix(dot(hash33(i + vec3(0,1,1)), f - vec3(0,1,1)), dot(hash33(i + vec3(1,1,1)), f - vec3(1,1,1)), f.x), f.y),
+    f.z);
+  return n * 0.5 + 0.5;
+}
+
+float fbm(vec3 p, float octaves) {
+  float v = 0.0, a = 0.5;
+  for (float i = 0.0; i < 5.0; i++) {
+    if (i >= octaves) break;
+    v += a * noise3d(p);
+    p *= 2.0;
+    a *= 0.5;
+  }
+  return v;
+}
+
+void main() {
+  vec3 dir = normalize(vWorldPos);
+
+  // Warm dark atmosphere with subtle color variation
+  float n1 = fbm(dir * 2.5 + uTime * 0.008, uOctaves);
+  float n2 = fbm(dir * 4.0 - uTime * 0.005, max(1.0, uOctaves - 1.0));
+
+  // Foundation palette: deep blue-black with warm undertones
+  vec3 deepBlack  = vec3(0.03, 0.04, 0.06);
+  vec3 warmNavy   = vec3(0.04, 0.05, 0.10);
+  vec3 greenTint  = vec3(0.01, 0.06, 0.04);
+
+  vec3 bg = mix(deepBlack, warmNavy, n1 * 0.5);
+  bg = mix(bg, greenTint, n2 * 0.15);
+
+  // Subtle top-down gradient (lighter ceiling)
+  float upFactor = max(0.0, dir.y) * 0.08;
+  bg += vec3(0.02, 0.03, 0.05) * upFactor;
+
+  // Very subtle dim stars (distant)
+  vec3 c = floor(dir * 200.0);
+  vec3 h = hash33(c);
+  float star = step(0.998, h.x) * h.y * 0.15;
+  star *= 0.7 + 0.3 * sin(uTime * 1.5 + h.z * 80.0);
+  bg += vec3(0.6, 0.7, 0.8) * star;
+
+  gl_FragColor = vec4(bg, 1.0);
+}
+`;
+
+export class NebulaBackground {
+  constructor(scene) {
+    this._octaves = 4;
+
+    this.uniforms = {
+      uTime: { value: 0 },
+      uOctaves: { value: this._octaves },
+    };
+
+    const geo = new THREE.SphereGeometry(150, 32, 32);
+    const mat = new THREE.ShaderMaterial({
+      vertexShader: BG_VERTEX,
+      fragmentShader: BG_FRAGMENT,
+      uniforms: this.uniforms,
+      side: THREE.BackSide,
+      depthWrite: false,
+    });
+
+    this.mesh = new THREE.Mesh(geo, mat);
+    scene.add(this.mesh);
+  }
+
+  update(dt, elapsed) {
+    this.uniforms.uTime.value = elapsed;
+  }
+
+  setQuality(level) {
+    this._octaves = [2, 3, 4][level] || 4;
+    this.uniforms.uOctaves.value = this._octaves;
+  }
+
+  dispose() {
+    this.mesh.geometry.dispose();
+    this.mesh.material.dispose();
+  }
+}