monster/toastsim
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

THE MACHINE: the air fryer is a real object now, and the camera steps back to show it

Browse Source 
First prop off the MODELBEAST station lane (gen-assets.sh stations —
14 hero props for every bench built this month, all local, all free).
air_fryer.glb replaces the eight-sided black drum that was standing in.

The prop exposed a staging problem worth fixing: at the old camera the
machine was entirely out of frame — you were cooking in a void with a
floating tray. Pulled back and up (0,5.4,3.5 looking slightly past the
basket) and now the shot reads as a kitchen counter: the appliance, its
open drawer, the wings on the rack, the pantry lamp behind. The basket
still fills the working area, so the arrangement game is unchanged.

Drag mapping is camera-independent by construction (world-space rays and
world→NDC projection), so nothing needed re-tuning: the day-23 demo
still runs the card exactly — 180° then 190°, shaken at half-time, 9.5.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
type-two 2026-07-25 18:57:06 +10:00
parent e9fca4f5c9
commit cff6a50f90
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/scenes/airfryer.ts
View File

@ -17,6 +17,7 @@ import {
} from '../sim/airfryer';
import { el, Panel } from '../ui/hud';
import { loadBackdrop } from './props';
import { loadProp } from './assets';
const TRAY_Y = 0.5;
const TRAY_W = 3.2; // world size of the 1×1 tray space
@ -92,6 +93,14 @@ export class AirFryerView implements View {
this.body.position.set(0, 0.5, -2.6);
this.body.castShadow = true;
this.root.add(this.body);
// The real machine, when it loads. The block above is the understudy.
void loadProp('/assets/models/air_fryer.glb', 2.3)
.then((prop) => {
prop.position.set(0, 0.0, -3.1);
this.body.visible = false;
this.root.add(prop);
})
.catch(() => undefined);
// The basket tray: a dark wire square, seen from above.
this.tray = new THREE.Mesh(
@ -147,8 +156,10 @@ export class AirFryerView implements View {
}
update(dt: number): void {
this.app.camera.position.set(0, 4.4, 2.3);
this.app.camera.lookAt(0, TRAY_Y, 0.1);
// Back and up: the basket still fills the working area, but the machine it
// slides out of is in the shot. You should see what you are cooking IN.
this.app.camera.position.set(0, 5.4, 3.5);
this.app.camera.lookAt(0, TRAY_Y, -0.55);
const s = this.session;
if (!s) return;
const inp = this.app.input;