MultipleWindow3dScene

This project is a cross-window 3D visualization system that maintains a consistent scene state across multiple open browser instances. It utilizes a local storage state synchronizer to share real-time application data between different browser tabs.

The system coordinates Three.js environments by syncing the internal scene graph, camera angles, and object positions. It achieves this through event-driven state propagation, allowing updates in one window to be reflected in all others without a dedicated backend server.

The implementation includes window lifecycle management to track the creation and removal of browser instances. This ensures a stable shared state and reliable cross-tab data communication across the active session.

Features

Cross-Window State Synchronizations - Provides a mechanism to maintain a shared 3D application state across multiple browser windows using local storage.
Cross-Window Mirroring - Implements a system that mirrors the Three.js scene graph across multiple browser windows.
3D Scene Synchronizations - Synchronizes the 3D environment state across browser tabs using a shared local storage mechanism.
Browser-Based 3D Visualizations - Provides an interactive 3D visualization that remains consistent across multiple browser instances.
Three.js Scene Coordinations - Manages a single Three.js environment across different browser tabs to ensure reflected changes.
Shared Coordinate Contexts - Synchronizes 3D object positions and camera angles to ensure consistent visual coordinates across separate windows.
Event-Driven State Synchronizers - Utilizes event-driven synchronization to propagate state changes to the UI across all open windows.
LocalStorage Synchronizers - Implements a synchronizer that shares real-time application state between tabs via the localStorage API.
Cross-Tab Synchronization - Enables real-time data communication between browser tabs without a backend server.
3D Scene Synchronizers - Provides a implementation that synchronizes camera and object states across multiple windows using Three.js.
Window Lifecycle Controllers - Maintains a registry of active browser instances to coordinate the distribution of state updates.
Miscellaneous Tools - Tool for synchronizing 3D scenes across multiple browser windows.

Star 历史

bgstaalmultipleWindow3dScene

Name: bgstaal/multiplewindow3dscene
Author: bgstaal

View on GitHub

18,960 星标2,922 分支JavaScriptMIT3 次浏览

MultipleWindow3dScene

Features

Cross-Window State Synchronizations - Provides a mechanism to maintain a shared 3D application state across multiple browser windows using local storage.
Cross-Window Mirroring - Implements a system that mirrors the Three.js scene graph across multiple browser windows.
3D Scene Synchronizations - Synchronizes the 3D environment state across browser tabs using a shared local storage mechanism.
Browser-Based 3D Visualizations - Provides an interactive 3D visualization that remains consistent across multiple browser instances.
Three.js Scene Coordinations - Manages a single Three.js environment across different browser tabs to ensure reflected changes.
Shared Coordinate Contexts - Synchronizes 3D object positions and camera angles to ensure consistent visual coordinates across separate windows.
Event-Driven State Synchronizers - Utilizes event-driven synchronization to propagate state changes to the UI across all open windows.
LocalStorage Synchronizers - Implements a synchronizer that shares real-time application state between tabs via the localStorage API.
Cross-Tab Synchronization - Enables real-time data communication between browser tabs without a backend server.
3D Scene Synchronizers - Provides a implementation that synchronizes camera and object states across multiple windows using Three.js.
Window Lifecycle Controllers - Maintains a registry of active browser instances to coordinate the distribution of state updates.
Miscellaneous Tools - Tool for synchronizing 3D scenes across multiple browser windows.

MultipleWindow3dScene 的开源替代方案

相似的开源项目，按与 MultipleWindow3dScene 的功能重合度排序。

donavon/use-persisted-state
donavon/use-persisted-state
1,372在 GitHub 上查看
Use-persisted-state is a React hook library that persists component state in browser storage and synchronizes updates across multiple tabs and windows. It extends standard component state management by automatically saving values to browser storage providers on every state update, ensuring user data survives page reloads and browser sessions. The library supports cross-component state sharing by linking multiple distinct component instances to a single storage key so they share and update identical data. It provides factory-generated hook instances that create isolated state functions bound t
JavaScriptcustom-hookhookslocalstorage
在 GitHub 上查看1,372
neomjs/neo
neomjs/neo
3,137在 GitHub 上查看
Neo is an autonomous engineering platform and multi-agent orchestration framework designed to build, review, and maintain production codebases. It coordinates a swarm of multiple language models through a messaging and event system to automate complex software development workflows without manual intervention. The platform utilizes a semantic knowledge graph manager to distill session logs and documentation into a queryable topology, preserving project history and context across AI interactions. It supports multi-tenant deployment of agent swarms that employ persistent memory and structured m
JavaScriptai-agentsapplication-enginearchitecture
在 GitHub 上查看3,137
mathuo/dockview
mathuo/dockview
3,023在 GitHub 上查看
Dockview is a UI framework for building complex, desktop-like interfaces featuring dockable layout components, interactive tab grouping, and a cross-platform panel system. It provides the tools necessary to create environments with draggable tabs, split-views, and customizable panel arrangements. The system is distinguished by its multi-window layout manager, which allows panels to be detached into separate browser windows for multi-monitor setups. It further supports a state-persistent architecture that saves and restores the exact position and configuration of views across different user se
TypeScriptangulardockdocking
在 GitHub 上查看3,023

常见问题解答

bgstaal/multiplewindow3dscene 是做什么的？

bgstaal/multiplewindow3dscene 的主要功能有哪些？

bgstaal/multiplewindow3dscene 的主要功能包括：Cross-Window State Synchronizations, Cross-Window Mirroring, 3D Scene Synchronizations, Browser-Based 3D Visualizations, Three.js Scene Coordinations, Shared Coordinate Contexts, Event-Driven State Synchronizers, LocalStorage Synchronizers。

bgstaal/multiplewindow3dscene 有哪些开源替代品？

bgstaal/multiplewindow3dscene 的开源替代品包括： donavon/use-persisted-state — Use-persisted-state is a React hook library that persists component state in browser storage and synchronizes updates… neomjs/neo — Neo is an autonomous engineering platform and multi-agent orchestration framework designed to build, review, and… playcanvas/engine — This project is a WebGL 3D game engine and comprehensive suite of tools for rendering high-performance 3D graphics and… mathuo/dockview — Dockview is a UI framework for building complex, desktop-like interfaces featuring dockable layout components,… playcanvas/supersplat — Supersplat is a web-based suite for editing, optimizing, and viewing 3D Gaussian Splats. It functions as a visual… zulko/eagle.js — eagle.js is a component-driven presentation engine and web-based tool for building interactive digital slideshows. It…