From pictures to
placeable 3D.

The desk the stories came from

In 1925 Annikki Setälä and her husband Jarl Sundqvist moved into Pöykkölä, the house Kemi Oy kept for its foresters — today the Rovaniemi local heritage museum. Upstairs, in the room still called Annikin kamari, her desk is set out as a working desk of the 1940s would be: a typewriter, a wooden telephone, two photographs and a few gnomes. Hover an object — or tap it on a phone — to open it.

×

Hover an object to open it ◻ Show the labels

Object notes are drawn from the museum's own pages, the typewriter's production records and Annikki Setälä's bibliography. Where the room is silent, we say so instead of filling it in.

Look around the worlds

Drag to look around — four 360° worlds, each out-painted from a photograph of the estate with Nano Banana and turned into real HDR environment maps that light the tonttu in the main view above. Pinch or scroll to zoom, and tap Fullscreen to step inside.

Drag to look around · 360°

Fullscreen

Built to survive real devices

No framework, no build step — a static page that GitHub Pages can serve and that degrades cleanly when a CDN, a GPU or an AR runtime is missing.

• One GLB, three AR runtimes. Android Chrome tries WebXR first (with xr-environment real-world lighting), falls back to Google Scene Viewer, and iOS Safari hands off to Quick Look. Swap ar-modes to reorder.
• AR-safe model rules. The AR copy has no required glTF extensions, JPEG/PNG textures, an OPAQUE material, one mesh, no animations, and is ~1 m tall and centred at the origin so ar-placement="floor" grounds it. The clips stay in the Three.js scene because Scene Viewer rejects a file with more than one animation.
• Real HDR image-based lighting. Each world ships a Radiance .hdr environment map (built from the panorama by tools/pano_to_envlight.py) that lights the character through Three.js’ PMREM prefilter — so the tonttu picks up the colours of wherever it stands. The Scene HDR / Studio switch swaps that for a neutral light rig; the the world switch swaps the backdrop and its lighting together.
• A placeable character. The hero is a Three.js scene, not a fixed render: drag the model across the ground (it stays within a radius of the centre), drag the sky to orbit, pinch or scroll to zoom, double-tap to recentre. Every world/character switch swaps both the backdrop and the lighting rig.
• Fullscreen, on any screen. Both the hero stage and the 360° viewer go fullscreen with one tap (or F), so the tonttu fills a phone in landscape and a projector in a demo booth alike.
• Lazy, weighted assets. Every model loads on demand — only the one you pick is fetched — with a real progress bar while it streams. The three gnome meshes are 30–32 MB; the two museum objects arrived at 34 and 43 MB and tools/optimize_glb_textures.py re-packed them to 1.5 and 2.3 MB. The 3D environment viewer imports Three.js only when it scrolls into view, and prefetching is skipped on saveData / 2G connections.
• Graceful degradation. If model-viewer or Three.js fails to load, a poster / static panorama takes over; if AR cannot start, the page explains exactly why — HTTPS, ARCore, or an in-app browser — instead of failing silently.
• Desktop → phone in one scan. AR QR in the model switcher encodes ar.html?m=… for whichever model is on screen — a page with nothing on it but that model and the AR button — so a phone skips the 360° scene and the 30 MB rig and goes straight to AR. Because Scene Viewer and Quick Look each play only the first animation in a file, each of the gnome's four clips is its own AR file; the code adds &c=Dance (or Walk / Run / Wave) and the phone's AR page has the same four-way picker, so no clip is a second-class citizen. The nav QR button still does the whole page, and on phones a sticky AR bar follows you down the page.
• Accessible by default. Semantic landmarks, labelled controls, aria-pressed state on every toggle, visible focus rings, 44 px touch targets, safe-area insets for notched phones, and full prefers-reduced-motion support.