Cinematic Intro & Visual Horizons
Relevant source files
The following files were used as context for generating this wiki page:
The Cinematic Intro & Visual Horizons of the TAMV project represent the immersive interface layer of the MD-X4 kernel. This system utilizes XR (Extended Reality), 2D, and 3D technologies not as speculative environments, but as productive interfaces for territorial coordination, tourism, and training. It serves as the "Visual Center" and onboarding gateway for the digital civilization system, providing a sensory-rich entrance to the federated ecosystem.
Sources: src/pages/wiki/modulo-cero/FusionWikisExternas.tsx:39-43, src/pages/wiki/modulo-cero/Introduccion.tsx:64-66
Architectural Integration
The visual horizons are part of a multi-dimensional architecture, specifically residing within Level 4 (RDM Digital) and Level 5 (Global Integration). This layer activates "DreamSpaces" and the XR economy in real-time, governed by the Isabella AI orchestrator.
Layered Visual Hierarchy
The following diagram illustrates how the cinematic and visual layers are integrated into the broader TAMV infrastructure:
The Visual Horizons layer acts as the bridge between core intelligence (Isabella AI) and the physical territory through digital twins.
Sources: src/pages/wiki/modulo-cero/Introduccion.tsx:55-66, src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:112-117
Visual Components & DreamSpaces
The "DreamSpaces" are specific immersive environments designed for different social and productive functions. These are powered by a 4D motor and WebXR technologies.
Performance Targets for Visual Horizons
| DreamSpace | Capacity | Performance Goal | Technology Stack |
|---|---|---|---|
| Neo-Tokio 2099 | 30-40 users | 60 FPS (min 45) | Three.js / WebXR |
| Auditorio Infrasonido | 50-150 users | Latency < 200ms | WebXR + Kaos Audio |
| Santuario Fractal | 20-30 users | Aggressive LOD + Baked Light | Motor 4D |
Sources: src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:88-92, src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:121-125
Visual UX Design Patterns
The cinematic experience is characterized by high-fidelity visual effects integrated directly into the web interface. This includes background scenes that provide depth and atmospheric context to the technical documentation.
Aurora & Cinematic Backgrounds
The system uses "Aurora" backgrounds—radial gradients and blurred circles (e.g., cyan-500/8 and indigo-500/10) to create a high-tech, cinematic atmosphere. These are implemented as absolute-positioned visual wrappers that do not interfere with pointer events but enhance the "Visual Horizon."
Sources: src/pages/wiki/WikiPage.tsx:23-31, src/pages/WikiHome.tsx:51-66
Onboarding Flow
The sequence of entering the visual horizon follows a structured path from the civilization stream to immersive modules:
Technical Specifications
The visual horizon is implemented using a modern frontend stack designed for high-performance rendering.
- Core Engine: Three.js / WebXR for 3D/XR environments.
- Styling: Tailwind CSS with custom cinematic gradients (e.g.,
from-cyan-400 to-sky-500). - Animation: Framer Motion and standard CSS transitions for smooth UI state changes.
- Assets: Distribution via S3 and CloudFront (planned for 100% completion) to handle large XR and CGIFTS assets.
Sources: src/pages/WikiHome.tsx:5-12, src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:142-145, src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:88-92
Implementation Maturity
As of February 2026, the XR Worlds and productive interfaces are at approximately 75% implementation.
| Aspect | Progress | Status |
|---|---|---|
| XR Worlds Base | 75% | Productive |
| Cinematic Onboarding | 80% | Beta Implementation |
| 4D Motor Integration | 70% | Ongoing Development |
| LOD & Performance Opt. | 65% | Critical for Production |
Sources: src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:150-155, src/pages/wiki/metaverso-xr/RoadmapCivilizatorio.tsx:32-35
Repository Alignment
The visual horizons are distributed across several key repositories in the OsoPanda1 GitHub profile:
- real-del-monte-explorer: Frontend inmersivo + maps.
- real-del-monte-twin: Digital twin territorial architecture.
- tamv-nexus-verse: Unification layer for visual experiences.
Sources: src/pages/wiki/ecosistema-codigo/GithubRepos.tsx:44-50
Conclusion
Cinematic Intro & Visual Horizons transform the TAMV project from a flat data system into a sensorial interface. By utilizing XR as a productive tool rather than a speculative metaverse, the system provides a specialized gateway for territorial management and community interaction, underpinned by the MD-X4 technical kernel and Isabella AI's ethical orchestration.