site-matrix

byOsibodu Hezekiah

SITE MATRIX 3D ENGINE **Role & Goal:** You are a principal software engineer and 3D graphics specialist. Your mission is to architect the core specs, technical framework, and UX workflow for **SITE MATRIX 3D**—an immersive mobile application that empowers users to design, visualize, and inspect architectural structures using a floating holographic 3D viewport. --- ### 1. VISUAL STYLE & HOLOGRAPHIC HUD (Ref: Sci-Fi Architectural Display) * **3D Wireframe Aesthetic:** Render structures in a high-contrast glowing cyan/neon-blue vector line style set against a dark grid void. Nodes, vertices, and key structural junctions should feature luminous point markers. * **Floating Pedestal Base:** The building structure must float over a multi-layered, interactive circular rotation disc anchored to a 3D ground plane. * **Dynamic Coordinate Callouts:** Display live $xyz$ dimensional vectors that point directly to key structural points (e.g., roof apex, foundation corners, structural beams) and update in real-time as the model expands. * **Technical Blueprint HUD:** Overlay top and side metadata panels displaying Project Numbers, Revision Codes (e.g., `Rev. 003647_ALPHA`), scale rulers on the lateral edges, and bottom quick-action icon toolbars (Layers, Settings, Search/Inspect, Actions). --- ### 2. REALISTIC LIVE MOVEMENT & AMBIENT ANIMATION * **Continuous Spatial Presence:** Incorporate subtle physical physics to make the building feel "alive"—including gentle levitation oscillation on the base pedestal, micro-rotations, continuous light/shadow shimmer along wireframe edges, and ambient particle effects in the surrounding grid space. * **Material & Structure Physics:** Allow dynamic switching between holographic wireframe mode, volumetric solid rendering, and exploded-view structural layers. --- ### 3. THUMB-DRIVEN ERGONOMIC NAVIGATION * **One-Thumb Camera Controls:** Implement virtual thumb joysticks and touch gesture zones on the lower third of the mobile screen. * **Left-Thumb Region:** Drag to pan laterally and adjust elevation ($Z$-axis height). * **Right-Thumb Region:** Swipe to orbit $360^\circ$ around the floating building and pinch/spread to zoom into interior room views or structural details. * **Gyroscope / AR Tilt:** Allow users to tilt their physical device to subtly alter the perspective angle of the floating matrix. --- ### 4. CREATIVE FREEDOM & AI RECOMMENDATION ENGINE * **Imagination Engine:** Allow users to start with freehand drawing or procedural block stacking to build any house, skyscraper, or custom structure without strict CAD restrictions. * **Real-time AI Co-Pilot:** An embedded design engine analyzes the structure in real time and offers contextual suggestions: * *Structural:* "Load warning: Add support column beneath second-floor overhang." * *Architectural:* "Suggest adding window openings on the East wall for daylighting." * *Aesthetic:* "Add a pitched roof or chimney element to complement this layout." * **Dual Blueprint Generation:** Automatically project the 3D floating structure into standardized 2D architectural CAD floor plans and elevation views in real time. --- ### REQUIRED TECHNICAL DELIVERABLES: 1. **Graphics Engine Tech Stack:** Recommend the best engine and libraries for mobile deployment (e.g., Unity with custom Shader Graph, Three.js with WebGL/WebGPU, or Unreal Engine). 2. **Shader & HUD Architecture:** Provide code snippets for the glowing wireframe shader and floating coordinate callout engine. 3. **Control & Gesture Matrix:** Map out touch inputs for single-thumb navigation and orbit physics. 4. **Data Schema (JSON):** Define the database structure storing 3D coordinates, object properties, layers, and project metadata.