new-era.md

flowchart TB
    subgraph Server["Game Server"]
        SAB[("SharedArrayBuffer\n(Game State)")]
        Physics["Physics Engine"]
        InputHandler["Input Handler"]
        StateManager["State Manager"]
        
        Physics -->|"Update"| SAB
        InputHandler -->|"Update"| SAB
        SAB -->|"Read"| StateManager
    end

    subgraph Client["Client Architecture"]
        subgraph WorkerSystem["Worker Orchestrator"]
            direction TB
            WO[("Orchestrator\nSharedArrayBuffer")]
            
            subgraph Workers["Worker Pool"]
                direction LR
                IW["Input Worker"]
                RW["Render Worker\n(State Interpolation)"]
                NW["Network Worker\n(State Management)"]
            end
            
            IW -->|"Input"| WO
            NW -->|"Game State"| WO
            WO -->|"Interpolated State"| RW
        end
        
        subgraph UI["UI Thread"]
            Game["Game Component"]
            Canvas["Canvas Element"]
        end
        
        Game -->|"Transfer"| Canvas
        Canvas -->|"OffscreenCanvas"| RW
    end

    %% Network Connections
    IW -->|"Input Events"| NW
    NW <-->|"WebSocket"| InputHandler
    StateManager -->|"SSE"| NW

    %% Styling
    classDef server fill:#f9f,stroke:#333,stroke-width:2px
    classDef client fill:#bbf,stroke:#333,stroke-width:2px
    classDef worker fill:#dfd,stroke:#333,stroke-width:2px
    classDef connection fill:#fdd,stroke:#333,stroke-width:2px
    
    class Server server
    class Client client
    class Workers worker
    class NW connection

Loading