RentRush: A Modern 3D Multiplayer Board Game Experience

Inspiration

The idea for RentRush came from a simple observation: classic board games like Monopoly are timeless, but their digital implementations often lack the immersive experience of playing in person. We wanted to bridge that gap by creating a fully 3D, real-time multiplayer board game that captures the excitement of gathering around a physical board while leveraging modern web technologies.

Our goal was to prove that browser-based games can deliver console-quality 3D graphics, smooth multiplayer experiences, and engaging AI personalities—all without any downloads or installations.

How We Built It

RentRush is built entirely with modern web technologies, showcasing the power of AI-assisted development:

Technology Stack

  • Frontend: React 18 + TypeScript for type-safe, maintainable code
  • 3D Engine: React Three Fiber (Three.js) for stunning 3D visuals and physics
  • Backend: Supabase for real-time multiplayer synchronization, authentication, and database
  • Real-time: Supabase Realtime for instant game state updates across all players
  • AI: Supabase Edge Functions for intelligent bot decision-making and dynamic chat responses
  • Physics: Rapier physics engine for realistic dice rolling and animations
  • Styling: Tailwind CSS for responsive, modern UI design

Key Features

Core Gameplay

  1. Full 3D Game Board: Interactive camera controls, dynamic lighting, and shadow effects
  2. Real-time Multiplayer: Up to 4 players with instant synchronization
  3. Complete Game Mechanics: Property buying, building houses/hotels, card system, jail mechanics
  4. Rich Audio: Contextual sound effects for every game action
  5. Smooth Animations: Money animations, confetti effects, card reveals
  6. Room System: Create/join game rooms with lobby management

AI-Powered Bot System

RentRush features one of the most advanced bot systems in browser-based board games:

Intelligent Strategic AI

  • Bots make strategic decisions based on property values, monopoly potential, and risk assessment
  • Each bot has a unique personality that affects their playing style
  • Real-time decision-making using Supabase Edge Functions

Dynamic Personality System Every bot has a distinct personality that influences both their strategy and communication:

  • Aggressive: High-risk, high-reward player who dominates the board
  • Conservative: Safe player focused on steady income and avoiding risks
  • Funny: Entertaining personality with witty commentary
  • Strategic: Calculated player who analyzes every move
  • Neutral: Balanced approach to gameplay

Real-Time AI Chat System

The most unique feature of RentRush is our context-aware AI chat system:

Live Bot Reactions Bots don't just play—they react to the game in real-time with personality-driven messages:

  • Property Purchase: "Mine! This property is MINE now!" (Aggressive) vs "This seems like a safe investment." (Conservative)
  • Rent Payment: "Ugh! Take your money and leave!" (Aggressive) vs "Here's the rent... sigh" (Conservative)
  • Jail Time: "WHAT?! This is outrageous!" (Aggressive) vs "I was framed! FRAMED I tell you! 😱" (Funny)
  • Dice Rolls: "Come on big numbers!" (Aggressive) vs "Here goes nothing..." (Conservative)
  • Building Houses: "Building my empire, one house at a time!" (Aggressive) vs "Bob the Builder? More like ME the Builder!" (Funny)

15+ Event Types The AI chat system responds to every major game event:

  • Turn starts, dice rolls, and movement
  • Property purchases and passes
  • Rent payments (giving and receiving)
  • Building houses and hotels
  • Jail entries and exits
  • Monopoly completions
  • Money status changes (high/low funds)
  • Bankruptcies and game endings

Emotion System Every message includes emotional context displayed with visual cues:

  • 😊 Happy - Property purchases, rent received, good dice rolls
  • 😢 Sad - Rent payments, jail, bad luck
  • 😠 Angry - Forced payments, jail sentences
  • 😲 Surprised - Unexpected events, lucky rolls
  • 😎 Confident - Strong position, monopolies complete
  • 😰 Worried - Low money, dangerous positions

Technical Implementation

  • Messages generated server-side using Supabase Edge Functions
  • Real-time delivery via Supabase Realtime subscriptions
  • Context-aware responses based on game state
  • Zero latency for instant chat reactions
  • Beautiful chat UI with gradient effects and animations

What We Learned

Building RentRush with modern AI-assisted tools taught us invaluable lessons:

  1. AI-Assisted Development: Working with Claude Code accelerated development 10x faster than traditional methods
  2. AI Personality Design: Creating believable bot personalities requires balancing humor, realism, and game context
  3. 3D Web Performance: Optimizing Three.js for smooth 60fps gameplay across devices
  4. Real-time State Management: Handling complex multiplayer game state with Supabase Realtime
  5. Event-Driven Architecture: Building responsive systems that react to game events in real-time
  6. Game Logic Complexity: Implementing intricate board game rules with proper turn management
  7. User Experience: Balancing visual polish with gameplay clarity

Challenges We Faced

1. Real-time Synchronization

Challenge: Keeping game state perfectly synchronized across 4 players with complex interactions. Solution: Implemented a centralized state management system using Supabase with optimistic updates and rollback mechanisms.

2. AI Chat Context Awareness

Challenge: Making bots respond appropriately to game events without feeling repetitive or robotic. Solution: Created a template system with 5 distinct personalities and 15+ event types, each with multiple variations. Messages are selected dynamically based on bot personality and game context.

3. Real-time Chat Delivery

Challenge: Ensuring chat messages appear instantly for all players without delays or missing messages. Solution: Leveraged Supabase Realtime with proper channel subscriptions, error handling, and automatic reconnection logic.

4. 3D Performance

Challenge: Rendering detailed 3D board with multiple players without performance drops. Solution: Used instancing for repeated elements, optimized geometry, and implemented LOD (Level of Detail) systems.

5. Bot AI Logic

Challenge: Creating bots that make realistic strategic decisions while maintaining distinct personalities. Solution: Developed a weighted decision system that evaluates property values, monopoly potential, and risk assessment, then filters decisions through personality modifiers.

6. Turn Management

Challenge: Coordinating turn order, dice rolls, and player actions across network latency. Solution: Built a robust turn state machine with server-side validation and client-side prediction.

Game Mechanics

RentRush features complete board game mechanics including:

  • 40 unique board squares with properties, utilities, railroads, and special spaces
  • Dynamic property management with building upgrades (houses → hotels)
  • Chance and Community Chest card systems
  • Jail mechanics with multiple escape options
  • Rent calculation based on monopolies and building levels
  • Bankruptcy and winner detection
  • Real-time chat with AI-powered bot personalities

Polish and UX

We focused heavily on user experience:

  • Unified Navigation: Clean navbar with all essential controls
  • Visual Feedback: Animations for every action (money gains/losses, property purchases)
  • Audio Design: 13+ contextual sound effects with volume controls
  • Celebration Effects: Confetti animations for completing monopolies
  • Bot Indicators: Visual feedback when AI is "thinking"
  • AI Chat Panel: Beautiful floating chat with emotions, avatars, and animations
  • Error Handling: Clear notifications for invalid actions
  • Responsive Design: Works seamlessly on desktop and larger screens

Ongoing Development

While the core game loop, multiplayer system, AI bots, and chat system are fully functional, several advanced rule mechanics and edge cases are still in active development. The current build is stable and playable end-to-end, but we're continuing to refine late-game interactions, rare rule scenarios, and balance tuning as part of the ongoing iteration process.

What's Next

Future enhancements we're considering:

  • Enhanced AI Chat: More contextual responses, player references, trash talk between bots
  • Chat History: Save and replay memorable bot conversations
  • Custom Bot Personalities: Let players create their own bot personalities
  • Trading System: Player-to-player property trades with AI negotiation
  • Power-ups and Special Abilities: Unique abilities for each player
  • Multiple Game Modes: Speed mode, Team mode, Custom rules
  • Leaderboard and Achievement System: Track player statistics and milestones
  • Custom Board Themes: Different visual styles and property themes
  • Spectator Mode: Watch games in progress with live commentary from AI
  • Voice Chat Integration: Human players can voice chat alongside AI text chat

Why RentRush Stands Out

RentRush isn't just another board game clone—it's a showcase of what's possible with modern web technologies and AI-assisted development:

Technical Innovation

  • Production-ready, fully-featured 3D multiplayer game entirely in the browser
  • No downloads, no installations, just pure web technology
  • Smooth 60fps gameplay with stunning visual effects

AI Excellence

  • Most advanced bot system in browser-based board games
  • 5 distinct AI personalities that play and communicate differently
  • Context-aware chat system that makes bots feel alive
  • Real-time emotional responses to game events

Visual Polish

  • Console-quality 3D graphics in the browser
  • Smooth animations and particle effects
  • Beautiful UI with modern design principles

Performance

  • Real-time multiplayer with zero perceptible latency
  • Instant chat message delivery
  • Efficient state management for complex game logic

🚀 Development Speed

Built entirely with Bolt.new and Claude Code, RentRush represents the future of rapid game development. What traditionally would take months was accomplished in days through AI-assisted development.


Technical Highlights

AI Chat Architecture

Game Event → Edge Function → AI Message Generation → Supabase Insert → Realtime Broadcast → All Clients

Bot Decision Flow

Turn Start → Analyze Game State → Personality Filter → Strategic Decision → Action Execution → Chat Reaction

Real-time Communication

Supabase Realtime Channels
├── Game State Updates (moves, purchases, builds)
├── Chat Messages (player + bot)
├── Turn Management (active player sync)
└── Event Notifications (wins, bankruptcies)

Play RentRush and experience the future of browser-based board gaming with AI personalities that bring the game to life!

Demo Features to Showcase

  1. Start a game with 3 AI bots
  2. Watch them chat as they play with different personalities
  3. See them react to your moves and theirs
  4. Experience the smooth 3D graphics and real-time synchronization
  5. Enjoy the immersive sound design and visual effects

Demo Account

user: bhdrnzl@gmail.com pass: 751984Ax

Or you can register yourself without email verification for now.

Built with ❤️ using Bolt.new, Supabase, React Three Fiber, and Claude Code.

Built With

Share this project:

Updates