explaingit

bgstaal/multiplewindow3dscene

★ 18,976JavaScriptAudience · vibe coderComplexity · 2/5DormantLicenseSetup · easy

TLDR

A 3D scene that syncs across multiple browser windows in real time using localStorage and Three.js, with no server needed.

Mindmap

mindmap
  root((repo))
    What it does
      3D scene rendering
      Multi-window sync
      Real-time updates
    How it works
      localStorage sharing
      Three.js graphics
      Browser windows
    Use cases
      Creative experiments
      Art installations
      Multi-display demos
    Tech stack
      JavaScript
      Three.js
      localStorage API
    Getting started
      Clone repo
      Open index.html
      No server needed

Things people build with this

USE CASE 1

Build a synchronized 3D visualization across multiple monitors or windows for immersive displays.

USE CASE 2

Create browser-based art installations where multiple viewers see the same animated scene.

USE CASE 3

Prototype multi-window web experiences that share state without a backend server.

Tech stack

JavaScriptThree.jslocalStorageHTML5

Getting it running

Difficulty · easy Time to first run · 5min
Use freely for any purpose including commercial, as long as you keep the copyright notice.

In plain English

This project is a demonstration of something visually striking: a 3D scene that stays synchronized across multiple browser windows simultaneously. Open two or three browser windows side by side, and they all show the same 3D objects moving and updating together in real time, even though each window is technically a separate page. The trick is using localStorage, the browser's built-in storage area that all windows from the same site can read and write. One window acts as the source of truth, writing position and state data to localStorage, while all other windows read from it and update their own 3D rendering accordingly. The 3D graphics themselves are handled by Three.js, a popular JavaScript library for rendering 3D scenes in the browser. Built entirely in JavaScript with no server required, you just clone the repo and open index.html. A developer experimenting with creative web graphics, multi-window experiences, or browser-based art installations would find this useful as a starting point or proof of concept.

Copy-paste prompts

Prompt 1
How do I modify this Three.js scene to add more 3D objects or change their colors and movements?
Prompt 2
Show me how to extend this localStorage sync pattern to work with more than 3 browser windows.
Prompt 3
How can I add user interaction (mouse clicks, keyboard input) that syncs across all open windows?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.