Experience: less glow on the feature atlas

Node halos are about half the size and a third of the brightness (still
brighter on hover and when selected), the nodes themselves are dimmed
to half, and the atlas core glow is halved — so a screen full of
features no longer washes out under the bloom.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Author: ten9876

experience/src/world/atlas.js

@@ -16,8 +16,8 @@ export function createAtlas(engine, features, categories, onSelect) {
   const logo = new THREE.Sprite(new THREE.SpriteMaterial({ map: logoTex, transparent: true, depthWrite: false }));
   logo.scale.set(26, 26, 1);
   root.add(logo);
-  const core = new THREE.Sprite(new THREE.SpriteMaterial({ map: glowTexture(), color: '#3aa7ff', transparent: true, opacity: 0.6, depthWrite: false, blending: THREE.AdditiveBlending }));
-  core.scale.set(90, 90, 1);
+  const core = new THREE.Sprite(new THREE.SpriteMaterial({ map: glowTexture(), color: '#3aa7ff', transparent: true, opacity: 0.3, depthWrite: false, blending: THREE.AdditiveBlending }));
+  core.scale.set(70, 70, 1);
   root.add(core);
 
   const rings = [];
@@ -40,10 +40,10 @@ export function createAtlas(engine, features, categories, onSelect) {
       const node = new THREE.Group();
       node.position.set(Math.cos(a) * r, 0, Math.sin(a) * r);
       const color = new THREE.Color(cat.color);
-      const orb = new THREE.Mesh(new THREE.IcosahedronGeometry(f.aether ? 2.6 : 1.9, 1), new THREE.MeshBasicMaterial({ color, toneMapped: false }));
+      const orb = new THREE.Mesh(new THREE.IcosahedronGeometry(f.aether ? 2.6 : 1.9, 1), new THREE.MeshBasicMaterial({ color: color.clone().multiplyScalar(0.5), toneMapped: false }));
       node.add(orb);
-      const halo = new THREE.Sprite(new THREE.SpriteMaterial({ map: glowTexture(), color, transparent: true, opacity: 0.55, depthWrite: false, blending: THREE.AdditiveBlending }));
-      halo.scale.set(16, 16, 1);
+      const halo = new THREE.Sprite(new THREE.SpriteMaterial({ map: glowTexture(), color, transparent: true, opacity: 0.2, depthWrite: false, blending: THREE.AdditiveBlending }));
+      halo.scale.set(9, 9, 1);
       node.add(halo);
       const label = labelSprite(f.name, { height: f.aether ? 4.2 : 3.2, color: f.aether ? '#eaf2fb' : '#c4d4e8', sub: f.status === 'roadmap' ? 'roadmap' : null, subColor: '#f0a35e', bg: 'rgba(6,11,19,0.6)', border: f.aether ? cat.color : 'rgba(120,190,230,0.25)' });
       label.position.y = f.aether ? 6.5 : 5.5;
@@ -64,14 +64,14 @@ export function createAtlas(engine, features, categories, onSelect) {
     const near = engine.camera.position.distanceTo(ATLAS_CENTER) < 460;
     for (const n of nodes) n.label.visible = near;
     if (!frozen) rings.forEach((r) => { r.spin.rotation.y += r.speed * r.dir * dt; });
-    core.material.opacity = 0.45 + 0.15 * Math.sin(t * 1.5);
+    core.material.opacity = 0.22 + 0.06 * Math.sin(t * 1.5);
     nodes.forEach((n) => {
       const lit = n.active ? 1.35 : n.hover ? 1.2 : 1;
       const want = (focusIds && !focusIds.has(n.feature.id) ? 0.35 : 1) * lit;
       const s = n.node.scale.x + (want - n.node.scale.x) * (1 - Math.exp(-6 * dt));
       n.node.scale.setScalar(s);
       n.label.material.opacity = focusIds && !focusIds.has(n.feature.id) ? 0.35 : 1;
-      n.halo.material.opacity = (n.active ? 0.9 : 0.5) * (0.8 + 0.2 * Math.sin(t * 3 + n.node.position.x));
+      n.halo.material.opacity = (n.active ? 0.5 : n.hover ? 0.35 : 0.16) * (0.85 + 0.15 * Math.sin(t * 3 + n.node.position.x));
     });
   });