3d scene spanning multiple windows using three.js and localStorage

A simple example showing how to setup a 3d scene across windows on the same origin using three.js and localStorage.

This is based on https://github.com/bgstaal/multipleWindow3dScene

https://github.com/ShinoKana/multipleWindow3dScene/assets/100673497/fc7a6357-0e29-4dc4-b183-194dfd6a16bc

Multi-Window Synchronization: Using localStorage, the 3D scene's state is synchronized across multiple browser windows.
three.js Integration: Leveraging the power of three.js to render 3D graphics.
Responsive Design: The 3D scene adjusts to different window sizes, maintaining its visual consistency.

To get started with this project, follow these steps:

Clone the Repository:

git clone https://github.com/ShinoKana/multipleWindow3dScene.git
cd multipleWindow3dScene

Install http-server:

If you don't have http-server installed globally, run:
```
npm install -g http-server
```

Start the Server:

In the project directory, start the server by running:
```
http-server
```
Open the Application:

Open your web browser and navigate to http://127.0.0.1:8080 or the URL provided in the command line output.
Open Multiple Windows:

To fully experience the multi-window setup, open multiple instances of the URL in different windows or tabs.
<img width="976" alt="cba819282e1fc915f926f2ed45a97e3" src="https://github.com/ShinoKana/multipleWindow3dScene/assets/100673497/e2dcd87a-5475-4cc9-b330-3ec4483cba96">