restructure app code for modularizing and organization

[skim0119]

TL;DR

Refactored the VR client application by extracting the main app logic into modular components with proper configuration management and state handling.

What changed?

• Extracted the main application logic from app.js into a new createApp factory function in app/create_app.js
• Split configuration into separate modules: app/config.js for window and runtime configuration, and app/state.js for application state management
• Added comprehensive arm geometry rendering system in entities/rod/arm_geometry.js with support for "segmented-pipe" and "torus-stack" representations
• Implemented proper WebSocket message handling for VR sessions including hello acknowledgements, asset manifests, and scene state updates
• Added desktop camera controls with keyboard (WASD+QE) and mouse look functionality
• Enhanced XR input handling and arm posture updates in the animation loop
• Improved character mode selection and join panel functionality with proper event handling

How to test?

1. Load the VR client application in a browser
2. Test character mode selection from the dropdown menu
3. Verify WebSocket connection functionality by clicking the join button
4. Test desktop controls using WASD keys for movement and mouse for camera look
5. Test VR mode by clicking the start button and entering VR
6. Verify arm rendering with different geometry representations via URL parameters

Why make this change?

This refactoring improves code maintainability and modularity by separating concerns into distinct modules. The new structure makes the codebase more testable, easier to extend, and provides better organization for configuration management and state handling. The addition of comprehensive arm geometry rendering and improved input handling enhances the VR experience functionality.

[skim0119]

• spectator view sharing other session objects #50
• restructure app code for modularizing and organization #49 👈 (View in Graphite)
• math-utility #48
• Add CSS styles for VR client interface: Move inline styles from index.html to a new app.css file #47
• Add VR client functionality: Implement app.js for the VR client, including WebSocket connection handling, scene setup with Three.js, and basic event listeners for VR interaction. This file lays the groundwork for character mode selection and input handl #46
• Enhance add VR README for the VR directory, detailing setup, usage, and publishing instructions #44
• meta2quest-integration

This stack of pull requests is managed by Graphite. Learn more about stacking.

[skim0119]

Merge activity

• Apr 15, 2:11 AM UTC: A user started a stack merge that includes this pull request via Graphite.
• Apr 15, 2:11 AM UTC: @skim0119 merged this pull request with Graphite.