let-them-talk 5.2.5 → 5.4.0

package/office/assets/street-lamp.js

@@ -0,0 +1,97 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'street_lamp',
+  name: 'Street Lamp',
+  category: 'exterior',
+  icon: 'SL',
+  gridW: 1, gridD: 1, height: 3.5,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Main pole — dark metal, slight taper
+    var pole = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.040, 0.060, 3.20, 12),
+      PAL.darkMetal()
+    );
+    pole.position.y = 1.60;
+    pole.castShadow = true;
+    g.add(pole);
+
+    // Pole base collar (decorative flared ring)
+    var collar = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.110, 0.130, 0.10, 16),
+      mat(0x1a1c22, { roughness: 0.45, metalness: 0.25 })
+    );
+    collar.position.y = 0.05;
+    collar.castShadow = true;
+    g.add(collar);
+
+    // Base plate
+    var basePlate = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.130, 0.130, 0.045, 16),
+      PAL.darkMetal()
+    );
+    basePlate.position.y = 0.022;
+    g.add(basePlate);
+
+    // Decorative ring mid-pole
+    var midRing = new THREE.Mesh(
+      new THREE.TorusGeometry(0.055, 0.014, 8, 18),
+      mat(0x2a2d35, { roughness: 0.40, metalness: 0.30 })
+    );
+    midRing.position.y = 1.80;
+    g.add(midRing);
+
+    // Curved arm / goose-neck extending from top
+    var arm = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.022, 0.030, 0.50, 10),
+      PAL.darkMetal()
+    );
+    arm.rotation.z = Math.PI / 4;
+    arm.position.set(0.18, 3.28, 0);
+    arm.castShadow = true;
+    g.add(arm);
+
+    // Lantern head housing
+    var lanternBody = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.090, 0.110, 0.20, 10),
+      mat(0x111318, { roughness: 0.40, metalness: 0.25 })
+    );
+    lanternBody.position.set(0.32, 3.44, 0);
+    lanternBody.castShadow = true;
+    g.add(lanternBody);
+
+    // Lantern top cap
+    var lanternCap = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.025, 0.095, 0.06, 10),
+      PAL.darkMetal()
+    );
+    lanternCap.position.set(0.32, 3.57, 0);
+    g.add(lanternCap);
+
+    // Lantern glass (warm glowing panel)
+    var glass = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.085, 0.085, 0.15, 10),
+      mat(0xfff0cc, { transparent: true, opacity: 0.65, emissive: 0xffcc66, emissiveIntensity: 0.70, roughness: 0.10 })
+    );
+    glass.position.set(0.32, 3.44, 0);
+    g.add(glass);
+
+    // Lantern bottom diffuser disc
+    var diffuser = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.082, 0.082, 0.010, 10),
+      mat(0xffeedd, { transparent: true, opacity: 0.80, emissive: 0xffcc55, emissiveIntensity: 0.60 })
+    );
+    diffuser.position.set(0.32, 3.34, 0);
+    g.add(diffuser);
+
+    // PointLight — warm street glow
+    var light = new THREE.PointLight(0xffcc66, 1.2, 6.0);
+    light.position.set(0.32, 3.35, 0);
+    g.add(light);
+
+    return g;
+  }
+};

package/office/assets/trash-can.js

@@ -0,0 +1,83 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'trash_can',
+  name: 'Trash Can',
+  category: 'exterior',
+  icon: 'TC',
+  gridW: 1, gridD: 1, height: 0.7,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Main cylindrical body — dark metal, slightly tapered (wider at top)
+    var body = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.145, 0.120, 0.62, 18),
+      mat(0x1a1c22, { roughness: 0.50, metalness: 0.30 })
+    );
+    body.position.y = 0.34;
+    body.castShadow = true;
+    body.receiveShadow = true;
+    g.add(body);
+
+    // Chrome top rim ring
+    var rim = new THREE.Mesh(
+      new THREE.TorusGeometry(0.148, 0.016, 8, 22),
+      PAL.chrome()
+    );
+    rim.rotation.x = Math.PI / 2;
+    rim.position.y = 0.656;
+    g.add(rim);
+
+    // Chrome bottom rim ring
+    var bottomRim = new THREE.Mesh(
+      new THREE.TorusGeometry(0.124, 0.012, 8, 22),
+      PAL.chrome()
+    );
+    bottomRim.rotation.x = Math.PI / 2;
+    bottomRim.position.y = 0.032;
+    g.add(bottomRim);
+
+    // Lid (slightly domed cap)
+    var lid = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.148, 0.148, 0.040, 18),
+      mat(0x111318, { roughness: 0.45, metalness: 0.25 })
+    );
+    lid.position.y = 0.680;
+    lid.castShadow = true;
+    g.add(lid);
+
+    // Lid handle (small chrome knob)
+    var knob = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.022, 0.022, 0.032, 10),
+      PAL.chrome()
+    );
+    knob.position.y = 0.716;
+    g.add(knob);
+
+    // Vertical embossed ribs on body (8 ribs)
+    var ribMat = mat(0x0e1014, { roughness: 0.55 });
+    var ribGeo = new THREE.BoxGeometry(0.012, 0.58, 0.014);
+    for (var i = 0; i < 8; i++) {
+      var angle = (i / 8) * Math.PI * 2;
+      var rib = new THREE.Mesh(ribGeo, ribMat);
+      rib.position.set(Math.cos(angle) * 0.138, 0.34, Math.sin(angle) * 0.138);
+      rib.rotation.y = -angle;
+      g.add(rib);
+    }
+
+    // Perforated pattern dots (small recessed circles on front face — 3x4 grid)
+    var holeMat = mat(0x0a0c10, { roughness: 0.70 });
+    var holeGeo = new THREE.CylinderGeometry(0.010, 0.010, 0.008, 8);
+    [-1, 0, 1].forEach(function(col) {
+      [0.55, 0.42, 0.30, 0.18].forEach(function(y) {
+        var hole = new THREE.Mesh(holeGeo, holeMat);
+        hole.rotation.x = Math.PI / 2;
+        hole.position.set(col * 0.038, y, 0.142);
+        g.add(hole);
+      });
+    });
+
+    return g;
+  }
+};

package/office/assets/treadmill.js

@@ -0,0 +1,126 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'treadmill',
+  name: 'Treadmill',
+  category: 'recreation',
+  icon: 'TM',
+  gridW: 1, gridD: 2, height: 1.2,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Base frame
+    var base = new THREE.Mesh(
+      new THREE.BoxGeometry(0.70, 0.20, 1.60),
+      mat(0x111318, { roughness: 0.45, metalness: 0.20 })
+    );
+    base.position.y = 0.10;
+    base.castShadow = true;
+    base.receiveShadow = true;
+    g.add(base);
+
+    // Running belt surface (dark rubber)
+    var belt = new THREE.Mesh(
+      new THREE.BoxGeometry(0.54, 0.018, 1.38),
+      mat(0x1a1a1a, { roughness: 0.92 })
+    );
+    belt.position.y = 0.212;
+    belt.receiveShadow = true;
+    g.add(belt);
+
+    // Belt edge stripes (yellow safety lines)
+    var stripeMat = mat(0xeecc00, { roughness: 0.70 });
+    var stripeGeo = new THREE.BoxGeometry(0.025, 0.020, 1.38);
+    [-0.255, 0.255].forEach(function(x) {
+      var stripe = new THREE.Mesh(stripeGeo, stripeMat);
+      stripe.position.set(x, 0.222, 0);
+      g.add(stripe);
+    });
+
+    // Front roller drum
+    var rollerGeo = new THREE.CylinderGeometry(0.055, 0.055, 0.54, 14);
+    var rollerMat = PAL.chromeBrushed();
+    var frontRoller = new THREE.Mesh(rollerGeo, rollerMat);
+    frontRoller.rotation.z = Math.PI / 2;
+    frontRoller.position.set(0, 0.21, -0.70);
+    frontRoller.castShadow = true;
+    g.add(frontRoller);
+
+    // Rear roller
+    var rearRoller = new THREE.Mesh(rollerGeo, rollerMat);
+    rearRoller.rotation.z = Math.PI / 2;
+    rearRoller.position.set(0, 0.21, 0.70);
+    rearRoller.castShadow = true;
+    g.add(rearRoller);
+
+    // Left handlebar upright
+    var upMat = mat(0x1e2128, { roughness: 0.40, metalness: 0.30 });
+    var upGeo = new THREE.CylinderGeometry(0.022, 0.022, 0.92, 10);
+    var leftUp = new THREE.Mesh(upGeo, upMat);
+    leftUp.position.set(-0.28, 0.66, -0.45);
+    leftUp.castShadow = true;
+    g.add(leftUp);
+
+    // Right handlebar upright
+    var rightUp = leftUp.clone();
+    rightUp.position.x = 0.28;
+    g.add(rightUp);
+
+    // Crossbar connecting uprights
+    var crossbar = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.018, 0.018, 0.56, 10),
+      upMat
+    );
+    crossbar.rotation.z = Math.PI / 2;
+    crossbar.position.set(0, 1.08, -0.45);
+    crossbar.castShadow = true;
+    g.add(crossbar);
+
+    // Handlebar grips (foam-style, slightly wider)
+    var gripMat = mat(0x222222, { roughness: 0.90 });
+    var gripGeo = new THREE.CylinderGeometry(0.028, 0.028, 0.22, 10);
+    var leftGrip = new THREE.Mesh(gripGeo, gripMat);
+    leftGrip.rotation.z = Math.PI / 2;
+    leftGrip.position.set(-0.19, 1.10, -0.45);
+    g.add(leftGrip);
+    var rightGrip = leftGrip.clone();
+    rightGrip.position.x = 0.19;
+    g.add(rightGrip);
+
+    // Console display panel
+    var consoleStem = new THREE.Mesh(
+      new THREE.BoxGeometry(0.06, 0.12, 0.04),
+      upMat
+    );
+    consoleStem.position.set(0, 1.16, -0.45);
+    g.add(consoleStem);
+
+    var console_ = new THREE.Mesh(
+      new THREE.BoxGeometry(0.36, 0.18, 0.06),
+      mat(0x111318, { roughness: 0.45 })
+    );
+    console_.position.set(0, 1.26, -0.46);
+    console_.castShadow = true;
+    g.add(console_);
+
+    // Console screen (emissive blue)
+    var consoleScreen = new THREE.Mesh(
+      new THREE.BoxGeometry(0.22, 0.10, 0.008),
+      mat(0x001128, { emissive: 0x0066cc, emissiveIntensity: 0.90, roughness: 0.1 })
+    );
+    consoleScreen.position.set(0, 1.27, -0.432);
+    g.add(consoleScreen);
+
+    // Feet (rubber pads)
+    var feetMat = mat(0x0a0a0a, { roughness: 0.92 });
+    var feetGeo = new THREE.BoxGeometry(0.10, 0.025, 0.10);
+    [[-0.28, 0.012, 0.68], [0.28, 0.012, 0.68], [-0.28, 0.012, -0.68], [0.28, 0.012, -0.68]].forEach(function(p) {
+      var foot = new THREE.Mesh(feetGeo, feetMat);
+      foot.position.set(p[0], p[1], p[2]);
+      g.add(foot);
+    });
+
+    return g;
+  }
+};

package/office/assets/trophy.js

@@ -0,0 +1,89 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'trophy',
+  name: 'Trophy',
+  category: 'decor',
+  icon: 'Tr',
+  gridW: 1, gridD: 1, height: 0.35,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Walnut base slab
+    var base = new THREE.Mesh(
+      new THREE.BoxGeometry(0.18, 0.055, 0.12),
+      PAL.walnutDark()
+    );
+    base.position.y = 0.028;
+    base.castShadow = true;
+    base.receiveShadow = true;
+    g.add(base);
+
+    // Base nameplate strip
+    var plate = new THREE.Mesh(
+      new THREE.BoxGeometry(0.12, 0.018, 0.005),
+      PAL.gold()
+    );
+    plate.position.set(0, 0.032, 0.062);
+    g.add(plate);
+
+    // Trophy stem lower (narrow rod)
+    var stemLow = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.015, 0.022, 0.07, 12),
+      PAL.gold()
+    );
+    stemLow.position.y = 0.09;
+    stemLow.castShadow = true;
+    g.add(stemLow);
+
+    // Trophy stem mid (wider knob)
+    var knob = new THREE.Mesh(
+      new THREE.SphereGeometry(0.028, 14, 14),
+      PAL.gold()
+    );
+    knob.position.y = 0.145;
+    knob.castShadow = true;
+    g.add(knob);
+
+    // Trophy stem upper (narrow rod)
+    var stemUp = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.012, 0.015, 0.055, 12),
+      PAL.gold()
+    );
+    stemUp.position.y = 0.195;
+    stemUp.castShadow = true;
+    g.add(stemUp);
+
+    // Cup body (wide at top, narrow at base)
+    var cup = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.065, 0.025, 0.10, 18),
+      PAL.gold()
+    );
+    cup.position.y = 0.27;
+    cup.castShadow = true;
+    g.add(cup);
+
+    // Left handle
+    var handleL = new THREE.Mesh(
+      new THREE.TorusGeometry(0.025, 0.007, 8, 14, Math.PI),
+      PAL.gold()
+    );
+    handleL.position.set(-0.078, 0.275, 0);
+    handleL.rotation.y = Math.PI / 2;
+    handleL.castShadow = true;
+    g.add(handleL);
+
+    // Right handle
+    var handleR = new THREE.Mesh(
+      new THREE.TorusGeometry(0.025, 0.007, 8, 14, Math.PI),
+      PAL.gold()
+    );
+    handleR.position.set(0.078, 0.275, 0);
+    handleR.rotation.y = -Math.PI / 2;
+    handleR.castShadow = true;
+    g.add(handleR);
+
+    return g;
+  }
+};

package/office/assets/tv-screen.js

@@ -0,0 +1,79 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'tv_screen',
+  name: 'TV Screen',
+  category: 'tech',
+  icon: 'TV',
+  gridW: 2, gridD: 1, height: 1.2,
+  factory: function() {
+    var g = new THREE.Group();
+
+    var W = 2.0;
+    var H = 1.2;
+    var bezelThick = 0.028;
+
+    // Outer bezel — ultra-thin glossy black
+    var bezel = new THREE.Mesh(
+      new THREE.BoxGeometry(W, H, bezelThick),
+      mat(0x080808, { roughness: 0.15, metalness: 0.25 })
+    );
+    bezel.position.y = H / 2 + 0.05;
+    bezel.castShadow = true;
+    g.add(bezel);
+
+    // Screen panel — large emissive dark blue
+    var screen = new THREE.Mesh(
+      new THREE.BoxGeometry(W - 0.04, H - 0.04, 0.008),
+      mat(0x040c1a, { emissive: 0x051530, emissiveIntensity: 0.65, roughness: 0.02 })
+    );
+    screen.position.set(0, H / 2 + 0.05, bezelThick / 2 + 0.001);
+    g.add(screen);
+
+    // Subtle scan-line overlay strip (lower third highlight)
+    var scanStrip = new THREE.Mesh(
+      new THREE.BoxGeometry(W - 0.06, H * 0.28, 0.002),
+      mat(0x0a1f3a, { transparent: true, opacity: 0.18, roughness: 0.0 })
+    );
+    scanStrip.position.set(0, 0.22, bezelThick / 2 + 0.009);
+    g.add(scanStrip);
+
+    // Logo dot center-bottom bezel
+    var logo = new THREE.Mesh(
+      new THREE.SphereGeometry(0.009, 10, 10),
+      mat(0xffffff, { emissive: 0xffffff, emissiveIntensity: 0.5, roughness: 0.2 })
+    );
+    logo.position.set(0, 0.022, bezelThick / 2 + 0.012);
+    g.add(logo);
+
+    // Wall-mount bracket plate (rear center)
+    var mountPlate = new THREE.Mesh(
+      new THREE.BoxGeometry(0.18, 0.22, 0.015),
+      PAL.chromeBrushed()
+    );
+    mountPlate.position.set(0, H / 2 + 0.05, -bezelThick / 2 - 0.006);
+    g.add(mountPlate);
+
+    // Mount screw knobs (4 corners of bracket)
+    [[-0.06, 0.07], [0.06, 0.07], [-0.06, -0.07], [0.06, -0.07]].forEach(function(pos) {
+      var screw = new THREE.Mesh(
+        new THREE.CylinderGeometry(0.008, 0.008, 0.014, 8),
+        PAL.chrome()
+      );
+      screw.rotation.x = Math.PI / 2;
+      screw.position.set(pos[0], H / 2 + 0.05 + pos[1], -bezelThick / 2 - 0.015);
+      g.add(screw);
+    });
+
+    // Thin chrome edge trim (bottom edge)
+    var trim = new THREE.Mesh(
+      new THREE.BoxGeometry(W + 0.01, 0.010, bezelThick + 0.005),
+      PAL.chrome()
+    );
+    trim.position.y = 0.042;
+    g.add(trim);
+
+    return g;
+  }
+};

package/office/assets/vase.js

@@ -0,0 +1,84 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'vase',
+  name: 'Vase',
+  category: 'decor',
+  icon: 'Vs',
+  gridW: 1, gridD: 1, height: 1.0,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Small side table — dark walnut legs
+    var tableLeg = mat(0x2a1808, { roughness: 0.60 });
+
+    var legFL = new THREE.Mesh(new THREE.BoxGeometry(0.035, 0.58, 0.035), tableLeg);
+    legFL.position.set(-0.13, 0.29, -0.13);
+    legFL.castShadow = true;
+    g.add(legFL);
+
+    var legFR = new THREE.Mesh(new THREE.BoxGeometry(0.035, 0.58, 0.035), tableLeg);
+    legFR.position.set(0.13, 0.29, -0.13);
+    legFR.castShadow = true;
+    g.add(legFR);
+
+    var legBL = new THREE.Mesh(new THREE.BoxGeometry(0.035, 0.58, 0.035), tableLeg);
+    legBL.position.set(-0.13, 0.29, 0.13);
+    legBL.castShadow = true;
+    g.add(legBL);
+
+    var legBR = new THREE.Mesh(new THREE.BoxGeometry(0.035, 0.58, 0.035), tableLeg);
+    legBR.position.set(0.13, 0.29, 0.13);
+    legBR.castShadow = true;
+    g.add(legBR);
+
+    // Table top
+    var tabletop = new THREE.Mesh(
+      new THREE.BoxGeometry(0.32, 0.025, 0.32),
+      PAL.walnutDark()
+    );
+    tabletop.position.y = 0.6;
+    tabletop.castShadow = true;
+    tabletop.receiveShadow = true;
+    g.add(tabletop);
+
+    // Vase base (flared bottom)
+    var vaseBase = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.10, 0.07, 0.08, 20),
+      mat(0x1a1a24, { roughness: 0.18, metalness: 0.08 })
+    );
+    vaseBase.position.y = 0.665;
+    vaseBase.castShadow = true;
+    g.add(vaseBase);
+
+    // Vase body (tapered cylinder — dark glaze)
+    var vaseBody = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.085, 0.10, 0.28, 20),
+      mat(0x12121a, { roughness: 0.14, metalness: 0.10 })
+    );
+    vaseBody.position.y = 0.85;
+    vaseBody.castShadow = true;
+    g.add(vaseBody);
+
+    // Vase neck (narrow)
+    var vaseNeck = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.042, 0.085, 0.10, 20),
+      mat(0x12121a, { roughness: 0.14, metalness: 0.10 })
+    );
+    vaseNeck.position.y = 1.04;
+    vaseNeck.castShadow = true;
+    g.add(vaseNeck);
+
+    // Vase lip (slight flare at top)
+    var vaseLip = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.052, 0.042, 0.03, 20),
+      mat(0x1e1e2a, { roughness: 0.12, metalness: 0.12 })
+    );
+    vaseLip.position.y = 1.105;
+    vaseLip.castShadow = true;
+    g.add(vaseLip);
+
+    return g;
+  }
+};

package/office/assets/wall-clock.js

@@ -0,0 +1,84 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'wall_clock',
+  name: 'Wall Clock',
+  category: 'decor',
+  icon: 'Wc',
+  gridW: 1, gridD: 1, height: 2.5,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Clock face (dark dial)
+    var face = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.195, 0.195, 0.018, 40),
+      mat(0x18191f, { roughness: 0.60 })
+    );
+    face.position.set(0, 2.5, 0);
+    face.rotation.x = Math.PI / 2;
+    face.receiveShadow = true;
+    g.add(face);
+
+    // Chrome rim ring
+    var rim = new THREE.Mesh(
+      new THREE.TorusGeometry(0.2, 0.018, 12, 48),
+      PAL.chrome()
+    );
+    rim.position.set(0, 2.5, 0.008);
+    rim.castShadow = true;
+    g.add(rim);
+
+    // Hour markers (12 small gold dots)
+    var markerMat = PAL.gold();
+    for (var i = 0; i < 12; i++) {
+      var angle = (i / 12) * Math.PI * 2;
+      var mx = Math.sin(angle) * 0.155;
+      var my = Math.cos(angle) * 0.155;
+      var marker = new THREE.Mesh(
+        new THREE.CylinderGeometry(0.008, 0.008, 0.012, 8),
+        markerMat
+      );
+      marker.position.set(mx, 2.5 + my, 0.016);
+      marker.rotation.x = Math.PI / 2;
+      g.add(marker);
+    }
+
+    // Hour hand (short, gold)
+    var hourHand = new THREE.Mesh(
+      new THREE.BoxGeometry(0.016, 0.09, 0.010),
+      PAL.gold()
+    );
+    hourHand.position.set(0.028, 2.535, 0.022);
+    hourHand.rotation.z = -0.9;
+    g.add(hourHand);
+
+    // Minute hand (long, chrome)
+    var minHand = new THREE.Mesh(
+      new THREE.BoxGeometry(0.011, 0.135, 0.010),
+      PAL.chrome()
+    );
+    minHand.position.set(-0.04, 2.562, 0.024);
+    minHand.rotation.z = 0.7;
+    g.add(minHand);
+
+    // Center cap
+    var cap = new THREE.Mesh(
+      new THREE.CylinderGeometry(0.012, 0.012, 0.014, 12),
+      PAL.gold()
+    );
+    cap.position.set(0, 2.5, 0.022);
+    cap.rotation.x = Math.PI / 2;
+    g.add(cap);
+
+    // Wall bracket (small block behind)
+    var bracket = new THREE.Mesh(
+      new THREE.BoxGeometry(0.06, 0.10, 0.04),
+      mat(0x111111, { roughness: 0.6, metalness: 0.4 })
+    );
+    bracket.position.set(0, 2.5, -0.03);
+    g.add(bracket);
+
+    return g;
+  }
+};

package/office/assets/wall.js

@@ -0,0 +1,53 @@
+import * as THREE from 'three';
+import { mat, PAL } from './materials.js';
+
+export default {
+  id: 'wall',
+  name: 'Wall',
+  category: 'structural',
+  icon: 'Wa',
+  gridW: 2, gridD: 1, height: 3,
+  factory: function() {
+    var g = new THREE.Group();
+
+    // Main body
+    var body = new THREE.Mesh(
+      new THREE.BoxGeometry(2, 3, 0.3),
+      PAL.concrete()
+    );
+    body.castShadow = true;
+    body.receiveShadow = true;
+    g.add(body);
+
+    // Top trim strip
+    var trim = new THREE.Mesh(
+      new THREE.BoxGeometry(2, 0.06, 0.32),
+      mat(0x1e2128, { roughness: 0.7 })
+    );
+    trim.position.y = 1.47;
+    trim.castShadow = true;
+    g.add(trim);
+
+    // Bottom base strip
+    var base = new THREE.Mesh(
+      new THREE.BoxGeometry(2, 0.1, 0.34),
+      mat(0x1e2128, { roughness: 0.7 })
+    );
+    base.position.y = -1.45;
+    g.add(base);
+
+    // Subtle vertical score lines (decoration)
+    var score1 = new THREE.Mesh(
+      new THREE.BoxGeometry(0.02, 2.8, 0.31),
+      mat(0x22252e, { roughness: 0.9 })
+    );
+    score1.position.x = -0.5;
+    g.add(score1);
+
+    var score2 = score1.clone();
+    score2.position.x = 0.5;
+    g.add(score2);
+
+    return g;
+  }
+};