3D Scene using Three.js

Introduction

This project demonstrates a unique approach to creating and managing a 3D scene across multiple browser windows using Three.js and localStorage. It's designed for developers interested in advanced web graphics and window management techniques.

Features

• 3D scene creation and rendering with Three.js.
• Synchronization of 3D scenes across multiple browser windows.
• Dynamic window management and state synchronization using localStorage.

Structure and Components

• index.html: Entry point that sets up the HTML structure and includes the Three.js library and the main script.
• WindowManager.js: Core class managing window creation, synchronization, and state management across multiple windows.
• main.js: Contains the logic for initializing the 3D scene, handling window events, and rendering the scene.
• three.r124.min.js: Minified version of the Three.js library used for 3D graphics rendering.

Detailed Functionality

• WindowManager.js handles the lifecycle of multiple browser windows, including creation, synchronization, and removal. It uses localStorage to maintain state across windows.
• main.js initializes the 3D scene using Three.js, manages the window's resize events, and updates the scene based on window interactions.