Karma Royale

🔮 Inspiration

Reddit is defined by the "Vibe Check." Every day, millions of us upvote and downvote without a second thought. We were inspired to turn this invisible utility into a mystical daily ritual. We asked: “What if your voting habits weren’t just metrics, but ingredients in a potion?” Inspired by classic 16-bit indie RPGs and the high-stakes human drama of subreddits like r/AmItheAsshole, we built a game where a pixel-art witch judges your soul to reveal your true Reddit alignment.

🧪 What it does

Karma Royale is a high-polish, daily personality-discovery experience built directly into the Reddit feed.

• The Daily Seed: Every 24 hours, the game pulls a fresh "seed" of 5 trending, high-engagement posts from across the platform. Every Redditor plays the exact same challenge that day.
• Reactive Alchemy: As you judge each post (⬆️ or ⬇️), our animated HTML5 Canvas witch reacts in real-time. Her cauldron bubbles with dynamic colors and particle effects based on your "vibe."
• The Potion Reveal: Using a custom-weighted algorithm, your voting pattern is analyzed to brew one of 6 unique potions (e.g., The Karma Executioner or The Wholesome Supporter).
• Social "Brag" Loop: Upon completion, players receive a "Persona Blueprint"—a stylized markdown block designed to be shared in the comments to spark community debate and identity-sharing.

🛠️ How we built it

We prioritized a "Design-Engineering" hybrid approach to ensure the game felt native to the Reddit ecosystem.

• Frontend: Built with TypeScript and HTML5 Canvas for pixel-perfect, performant animations.
• Backend: Leveraged Hono for a lightweight API layer and Vite for optimized asset delivery.
• Platform Logic: Powered by Reddit Devvit, utilizing the Redis plugin to manage persistent daily seeds and asynchronous user session data.
• Mobile-First UX: Implemented a "Thumb-Zone" layout, optimizing all navigation and voting gestures for one-handed mobile play.

🚧 Challenges we ran into

The primary challenge was Mobile Viewport Responsiveness. Creating a Canvas-based game that scales perfectly across the varying dimensions of the Reddit mobile app required a custom-built responsive scaling engine. We also spent significant time refining the "Hivemind Logic"—ensuring the "Daily 5" posts were diverse enough to produce a distinct, humorous, and accurate personality analysis for every user.

🎉 Accomplishments that we're proud of

We are incredibly proud of the "Juicy" visual feedback. The cauldron isn’t just a static animation; its colors, bubble frequency, and particle emissions are tied directly to the user's judgment ratio. Furthermore, we successfully built a Markdown-Share engine that allows users to "brag" about their potion in the comments with a single tap, transforming a solo game into a massive community conversation.

🧠 What we learned

Building for Devvit taught us that on Reddit, the game doesn't end at the "Game Over" screen—it starts in the comments. We learned how to leverage asynchronous state management to turn a single-player loop into a shared community event. We also deepened our knowledge of optimizing HTML5 Canvas for the specific constraints of embedded web views.

🚀 What's next for Karma Royale

• Community Cauldrons: Subreddit-specific themes (e.g., a "Cozy" cauldron for r/CozyPlaces vs. a "Spicy" one for r/AmItheAsshole).
• Global Alignment Meter: A live, community-wide ticker showing the "Reddit Mood" of the day based on every brewed potion.
• Ghost Mode: Allowing users to see a "Spectral Trail" of how their friends or favorite moderators voted on the daily 5.

Built With

• canvasapi
• devvit
• game
• hono
• html5
• redditapi
• redis
• typescript
• vite