ruvnet--ruview/ui/observatory/js/nebula-background.js

/**
 * 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();
  }
}