• 

  Aetherion

Aetherion: Isekai AI-Powered Chat-Based RPG

🌟 Project Inspiration

Aetherion was born from a desire to push the boundaries of interactive storytelling and role-playing games. Inspired by the popular "isekai" genre, where protagonists are transported to another world, we envisioned a game where players' words, not just their actions, truly shape the narrative. The core idea was to create a living, breathing fantasy world where every conversation with an NPC feels dynamic and meaningful, driven by advanced AI. We wanted to move beyond static dialogue trees and offer a truly immersive experience where players feel like their choices have real consequences in a constantly evolving world.

🚀 What It Does

Aetherion is a revolutionary chat-based RPG where players are transported to the fantasy world of Aetherion, a realm recovering from a divine war. Key features include:

• AI-Powered NPCs: Engage in dynamic, intelligent conversations with NPCs whose personalities, knowledge, and memories evolve based on your interactions, powered by Mor.ai.
• Living World: Player actions and conversations directly influence the world state, triggering dynamic events and shaping the political landscape.
• Dynamic Quests: Experience AI-generated quests that adapt to the current world state and your character's progression.
• Immersive UI: A captivating user interface featuring a Three.js-powered background with floating magical orbs, glassmorphism design, and real-time updates.
• Character Progression: Develop your character's stats, inventory, and job class through meaningful interactions and adventures.
• Guild System: Join powerful factions and influence the world's politics.

🛠️ How We Built It

Aetherion is a full-stack application leveraging modern web technologies and cutting-edge AI services:

• Frontend: Built with React and TypeScript using Vite for a fast development experience.
  • Styling: Tailwind CSS for rapid UI development, enhanced with Framer Motion for smooth animations and micro-interactions.
  • 3D Graphics: Three.js and React Three Fiber create the immersive, dynamic background.
  • State Management: Zustand provides a lightweight and efficient solution for managing global game state.
• Backend & Database: Supabase serves as the robust backend, providing:
  • PostgreSQL Database: Manages all game data, including users, NPCs, quests, world state, and chat messages.
  • Authentication: Handles user sign-up and sign-in securely.
  • Real-time Subscriptions: Powers live chat updates and dynamic world events.
• AI Integration:
  • Mor.ai (Llama-3.3-70b): The core AI engine for generating dynamic NPC responses, world events, and influencing world state based on player input.
  • Tavus: Integrated for advanced NPC voice and video synthesis, bringing characters to life with realistic audio and visual avatars.

🚧 Challenges We Faced

Developing Aetherion presented several exciting challenges:

1. Real-time AI Integration: Seamlessly integrating Mor.ai for dynamic NPC conversations and world updates required careful orchestration to ensure low latency and relevant responses. Managing context for AI models across multiple turns was crucial.
2. Dynamic World State Management: Designing a database schema and logic that allows player actions and AI decisions to genuinely alter the game world (e.g., changing NPC relationships, triggering new quests, updating regional conditions) was complex.
3. Performance Optimization: Ensuring a smooth user experience with real-time chat, 3D graphics, and AI processing demanded significant optimization, especially for mobile compatibility.
4. Voice and Video Synthesis: Integrating Tavus for realistic voice and video generation, including caching mechanisms and handling API rate limits, was a technical hurdle.
5. User Experience Design: Crafting an intuitive yet immersive chat-based interface that feels like a game, not just a chatbot, required thoughtful UI/UX design and animation.

🔮 Long-Term Plan & Roadmap

Our vision for Aetherion extends far beyond this hackathon. Future enhancements include:

• Enhanced AI Agent Orchestration: Developing more sophisticated AI agents for NPCs, allowing for deeper personalities, long-term memory, and complex decision-making.
• Mobile App Development: Expanding to native iOS and Android platforms using Expo.
• VR/AR Integration: Exploring immersive experiences with virtual and augmented reality.
• Advanced Guild Warfare System: Implementing more intricate mechanics for inter-guild conflicts and alliances.
• Player-Generated Content Tools: Empowering players to create their own quests, NPCs, and even regions, fostering a truly community-driven world.
• Expanded Lore and Regions: Continuously building out the rich history, diverse cultures, and unique environments of Aetherion.

We believe Aetherion represents a significant step towards the next generation of RPGs, where the power of AI unlocks unprecedented levels of immersion and player agency.

Built With

• netlify
• nextjs
• openbeta.mor.ai
• supabase
• three.js
• travus