The Legend of Carthage

The first immersive Three.js 3D adventure that transforms Reddit posts into gateways to ancient worlds, where history's mysteries await your discovery. No downloads, no barriers just pure exploration.

Comment

Inspiration

The inspiration for The Legend of Carthage came while playing Reddit's games. I thought, "Why not create a 3D game?" Since adventure games are widely loved, I decided to develop an engaging 3D adventure experience that would captivate players within the Reddit ecosystem.

What it does

The Legend of Carthage is a 3D action game where players control a gladiator fighting off ghosts and collecting their eyeballs as trophies. The game features:

  • A main menu with options to start the game, adjust settings (volume and quality), and learn how to play.
  • An arena where the gladiator battles waves of ghosts.
  • A scoring system based on the number of ghost eyeballs collected.

How we built it

The game was developed using a combination of Devvit and Three.js. Since Devvit does not support fetching data from external links, we cloned the Three.js repository and worked with it locally. The development process included:

  • Designing the game environment and mechanics.
  • Implementing 3D rendering and physics using Three.js.
  • Creating an intuitive user interface with interactive menu options.
  • Optimizing performance to ensure smooth gameplay within Reddit’s feed.

Challenges we ran into

Building The Legend of Carthage came with several challenges:

  • Integrating Three.js locally: Since Devvit restricts external dependencies, we had to manually include Three.js assets and ensure compatibility.
  • Time constraints: Developing a fully functional 3D game within a short hackathon period required rapid iteration and problem-solving.
  • Optimizing performance: Running a 3D game within Reddit’s ecosystem posed challenges in rendering efficiency and load times.

Accomplishments that we're proud of

  • Successfully integrating a 3D game within Reddit’s Devvit platform.
  • Overcoming the limitations of external dependencies by adapting Three.js for local use.
  • Creating an engaging and visually appealing game in a short time.
  • Laying the foundation for future multiplayer and interactive features.

What we learned

  • How to work within Devvit’s constraints to build a performant and interactive experience.
  • Advanced Three.js rendering techniques for smooth real-time gameplay.
  • The importance of optimizing assets and code for efficient execution within a restricted environment.

What's next for The Legend of Carthage

Looking ahead, we plan to enhance the game with:

  • Real-time multiplayer mode for competitive and cooperative play.
  • Daily challenges and leaderboards to encourage engagement and competition.
  • Expanded game mechanics and environments to make the experience more dynamic and immersive.

We’re excited to continue developing The Legend of Carthage and pushing the boundaries of what’s possible with Devvit on Reddit!

Share this project:

Updates