[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3210":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":23,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":16,"lastSyncTime":28,"discoverSource":29},3210,"multipleWindow3dScene","bgstaal\u002FmultipleWindow3dScene","bgstaal","A quick example of how one can \"synchronize\" a 3d scene across multiple windows using three.js and localStorage",null,"JavaScript",18967,2927,131,28,0,2,6,1,45,"MIT License",false,"main",true,[],"2026-06-12 02:00:47","# Multiple Window 3D Scene using Three.js\n\n## Introduction\nThis 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.\n\n## Features\n- 3D scene creation and rendering with Three.js.\n- Synchronization of 3D scenes across multiple browser windows.\n- Dynamic window management and state synchronization using localStorage.\n\n## Installation\nClone the repository and open `index.html` in your browser to start exploring the 3D scene.\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002Fbgstaal\u002FmultipleWindow3dScene\n```\n## Usage\nThe main application logic is contained within `main.js` and `WindowManager.js`. The 3D scene is rendered in `index.html`, which serves as the entry point of the application.\n\n## Structure and Components\n- `index.html`: Entry point that sets up the HTML structure and includes the Three.js library and the main script.\n- `WindowManager.js`: Core class managing window creation, synchronization, and state management across multiple windows.\n- `main.js`: Contains the logic for initializing the 3D scene, handling window events, and rendering the scene.\n- `three.r124.min.js`: Minified version of the Three.js library used for 3D graphics rendering.\n\n## Detailed Functionality\n- `WindowManager.js` handles the lifecycle of multiple browser windows, including creation, synchronization, and removal. It uses localStorage to maintain state across windows.\n- `main.js` initializes the 3D scene using Three.js, manages the window's resize events, and updates the scene based on window interactions.\n\n## Contributing\nContributions to enhance or expand the project are welcome. Feel free to fork the repository, make changes, and submit pull requests.\n\n## License\nThis project is open-sourced under the MIT License.\n\n## Acknowledgments\n- The Three.js team for their comprehensive 3D library.\n- x.com\u002Fdidntdrinkwater for this readme.\n\n## Contact\nFor more information and updates, follow [@_nonfigurativ_](https:\u002F\u002Ftwitter.com\u002F_nonfigurativ_) on Twitter.\n","该项目展示了如何使用Three.js和localStorage在多个浏览器窗口间同步3D场景。其核心功能包括基于Three.js的3D场景创建与渲染，以及通过localStorage实现的跨窗口3D场景同步和动态窗口管理。适合对高级Web图形处理及多窗口应用开发感兴趣的开发者使用，可用于教学、实验或构建需要多视图交互的复杂Web应用程序。","2026-06-11 02:52:50","top_language"]