@atlas-arena/demo

Self-contained Atlas + Theia immersive 3D demo experience.

Install

npm install @atlas-arena/demo

Usage

import { AtlasTheiaDemo } from "@atlas-arena/demo";

function App() {
  return <AtlasTheiaDemo />;
}

Audio Files

Copy these audio files to your project's public/assets/audio/ folder:

| File | Purpose | |------|---------| | uncharted.mp3 | Background music (plays during Atlas + Theia) | | atlas-intro.mp3 | Atlas orb narration voice | | theia-intro-001.mp3 | Theia intro voice | | theia-outro-001.mp3 | Theia outro voice |

Or override paths via props:

<AtlasTheiaDemo
  audio={{
    backgroundMusic: "/my-custom-path/bg.mp3",
    atlasNarration: "/my-custom-path/atlas.mp3",
    theiaIntro: "/my-custom-path/theia-intro.mp3",
    theiaOutro: "/my-custom-path/theia-outro.mp3",
  }}
/>

Peer Dependencies

• React 18+
• react-dom 18+

Bundled Dependencies

• three.js (WebGL renderer)
• @react-three/fiber (React Three.js bindings)
• zustand (state management for 3D scenes)
• gsap (animations)