# multipleWindow3dScene

> A three.js scene synced across several browser windows with only localStorage

Worth exploring: Use localStorage as a bus of window positions and sizes to split one scene across them

Why it works: Each window draws its own slice of one shared scene from its position alone, so dragging a window feels like moving a camera across one world.

Watch out: Treat it as a desktop showpiece. Phones and tablets cannot tile browser windows, so give them a single-window version.

- Category: 3D & WebGL (`three`)
- Tags: `open-source`, `free`, `webgl`
- Official: https://github.com/bgstaal/multipleWindow3dScene
- Wunderlust: https://wunderlust.xyz/r/multiple-window-3d-scene
- Image: https://wunderlust.xyz/media/multiple-window-3d-scene-poster.jpg
- Video preview: https://wunderlust.xyz/media/multiple-window-3d-scene.webm
- Added: 2026-11-12

## What it is

A demo by Bjørn Staal in which a WindowManager stores each window's position and size in localStorage, and each window draws its part of the same 3D scene. To use it, clone the repo and open index.html; the project bundles a three.js r124 build.

## What it’s for

For someone making interactive art with Three.js who wants a scene that spans several windows, like two windows showing parts of the same field.

## Benefits

- Only localStorage and static files, no server
- WindowManager.js creates, syncs and removes windows
- Three files: index.html, main.js and WindowManager.js

## Caveats

- The license is MIT; the bundled three.js build is r124, which is old.

## Similar on Wunderlust

- [Three.js](https://wunderlust.xyz/r/three-js.md): JavaScript library for 3D graphics on the web
- [React Three Fiber](https://wunderlust.xyz/r/react-three-fiber.md): React renderer for Three.js: 3D scenes as JSX components
- [React Postprocessing](https://wunderlust.xyz/r/react-postprocessing.md): Screen effects as React components: bloom, depth of field, noise and vignette
- [React Three Rapier](https://wunderlust.xyz/r/react-three-rapier.md): Rapier physics for react-three-fiber scenes: wrap the mesh and it falls and collides
- [Liquid Logo](https://wunderlust.xyz/r/liquid-logo.md): Turns a logo into liquid metal with Paper Shaders
- [Liquid Glass JS](https://wunderlust.xyz/r/liquid-glass-js.md): WebGL library for glass effects inspired by Apple's Liquid Glass