Live capture state
Full city reveal
Wide skyline composition with all districts visible.
Open capture modeAtiqSoft / Public project information
Understand the city as one connected system.
AtiqEra is an interactive spatial intelligence environment that connects distinct operational worlds through 3D visualization, district-level context, authored scenarios, and decision-support experiences.
01 / Platform overview
One environment for connected city operations
AtiqEra is an interactive spatial intelligence environment that connects distinct operational worlds through 3D visualization, district-level context, authored scenarios, and decision-support experiences.
02 / Operational approach
Beyond isolated dashboards
City operations are often divided across disconnected dashboards and domain-specific views. AtiqEra presents related systems spatially so operators can review context, dependencies, and authored scenarios within one coherent interface.
03 / What AtiqEra does
Eight operational districts, one city view
Users move between purpose-built districts, inspect concise capability stories, choose guided or free exploration, and review how urban systems and operational domains relate to one another.
04 / Platform walkthrough
From skyline to operational context
The journey opens with a city overview, enters the AI Tower, crosses education, geo intelligence, smart city, healthcare, audit, and cybersecurity environments, then closes in the Innovation Museum and a panoramic city view.
05 / Technologies used
A browser-native 3D stack
Next.js 16, React 19, TypeScript, React Three Fiber, Three.js, Drei, GSAP, Framer Motion, Zustand, Tailwind CSS, and accessible semantic HTML form the experience foundation.
06 / Design process
One operational lens per district
The city began as a navigation system. Each district then received a distinct visual language, interaction, camera treatment, narrative role, mobile simplification, and reduced-motion treatment.
07 / Challenges
Operational clarity within a detailed 3D environment
The central challenge was balancing atmosphere with readability and performance: keeping eight scenes distinct, transitions coherent, controls accessible, and mobile rendering bounded without flattening the city.
08 / Accomplishments
A coherent operational journey
AtiqEra combines eight explorable districts, a guided narrative, manual exploration, capability-focused interactions, quality tiers, runtime fallbacks, and keyboard-accessible controls in one public interface.
09 / What was learned
Restraint creates clarity
The strongest spatial interfaces use fewer overlays, shorter narratives, deliberate camera targets, bounded effects, and clear fallback states. Removing weak effects often improved the experience more than adding new ones.
10 / Future roadmap
From authored scenarios to validated integrations
Future work may include separately validated data integrations, richer operational exhibits, optional recorded narration, localized captions, compressed production assets, and measured scene streaming based on real visitor hardware.
Screenshot gallery
Prepared for real capture
Each state opens the live scene with navigation hidden. Press H to reveal capture controls. No screenshots are fabricated.
Live capture state
AI Tower interior
The central intelligence chamber and capability field.
Open capture modeLive capture state
Geo Intelligence Command Center
Strategic globe, observation arcs, and authored risk layers.
Open capture modeLive capture state
Innovation panorama
Final ecosystem view across the illuminated metropolis.
Open capture modeCredits and asset licenses
Structured attribution
| Category | Asset | Creator | License | Source and note |
|---|---|---|---|---|
| 3D models | Procedural geometry and bundled GLB city assets | AtiqSoft project asset bundle | Project asset register | Application code and /public/models/city. The live scene uses authored procedural geometry alongside bundled city and tower model files. |
| Textures | Interface and material surfaces | AtiqSoft | Original project work | Procedural colors and materials. No third-party texture packs are currently shipped. |
| HDRIs | Environment lighting | AtiqSoft | Original project work | Procedural scene lighting. No external HDRI is currently shipped. |
| Audio | Procedural intro ambience | AtiqSoft | Original project work | /audio/intro-ambience.wav. Generated specifically for this project and loaded only after visitor interaction where browser policy permits. |
| Fonts | Exo 2 and Orbitron | Natanael Gama; Matt McInerney | SIL Open Font License 1.1 | Google Fonts through next/font. Used for interface and display typography. |
| Libraries | Next.js, React, Three.js ecosystem, GSAP, Zustand | Respective open-source maintainers | Respective package licenses | package.json and package lock. Complete versions and transitive notices remain available in the source dependency manifest. |
| Brand assets | AtiqEra identity system | AtiqSoft | Proprietary brand asset | /atiqera-logo.svg. Primary platform logo, icon, and social identity assets. |
| AI-generated assets | No attributed generated media currently shipped | Not applicable | Not applicable | Project audit. Any future generated media must be added here with tool and usage details. |