Skip to content

adriankrawczyk/DAIXIT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

220 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

โœจ DAIXIT โœจ

๐ŸŽฎ 3D multiplayer web game created in React ๐ŸŽฎ

DAIXIT.mp4

๐ŸŽฒ How To Play DAIXIT ๐ŸŽฒ

DAIXIT puts your creativity and intuition to the test! Here's how it works:

  1. ๐ŸŽฏ The WordMaker's Turn: One random player becomes the WordMaker and selects a card from their hand with a clue that describes it.

  2. ๐Ÿƒ Card Selection: All other players submit a card from their own hand that best matches the WordMaker's clue.

  3. ๐Ÿงฉ The Guessing Game: Everyone votes on which card they believe belongs to the Wordmaker.

  4. โšก Scoring Twist: Players get points if other players voted for their card, besides the WordMaker. Here's the clever catch - the WordMaker scores ZERO points if:

    • ๐Ÿ˜ฑ EVERYONE guesses correctly (too obvious)
    • ๐Ÿ˜ญ NO ONE guesses correctly (too obscure)
    • ๐Ÿ˜Ž Otherwise, he gets his points (right in the middle)

๐Ÿค– AI Image Generation ๐Ÿค–

AI Generated Cards More AI Generated Cards


๐Ÿ”ฎ The Technical Stack ๐Ÿ”ฎ

  • ๐Ÿง  Gemini 2.0 Flash creates imaginative, diverse prompts
  • ๐Ÿ–ผ๏ธ AI Horde API transforms these prompts into AI generated images
  • โ˜๏ธ Google Cloud Console hosts our Python server script 24/7
  • ๐Ÿ”„ tmux terminal multiplexer ensures continuous running in background

๐ŸŒ Multiplayer Architecture ๐ŸŒ

Creating a multiplayer experience is one of our biggest challenges in this project and our proudest achievements:

Multiplayer Architecture

  • ๐Ÿ”ฅ Firebase Realtime Database powers our backend
  • โšก Real-time synchronization ensures all player actions are reflected in other players' screens
  • ๐Ÿ’พ Storing all important data allows players to safely disconnect and reconnect without losing progress
  • ๐Ÿ”„ Concurrent player management handles up to 8 simultaneous players

๐ŸŽจ 3D Frontend ๐ŸŽจ

  • ๐Ÿ“ฆ @react-three/fiber - React's powerful 3D rendering library
  • ๐Ÿงฐ @react-three/drei - Essential tools for 3D development in React
  • โœจ GSAP - Smooth animations and transitions

๐Ÿƒ What Makes DAIXIT Special? ๐Ÿƒ

DAIXIT takes inspiration from the award-winning board game Dixit but elevates it with:

  • ๐Ÿค– AI-generated images that ensures the cards never get stale
  • ๐ŸŒ Multiplayer functionality for up to 8 players
  • ๐ŸŽญ 3D environment making the experience cooler
  • โ˜๏ธ Cloud-based architecture for seamless gameplay
  • ๐Ÿ“ฑ Web-based interface accessible across devices

๐Ÿ”ฅ Link to play the game ๐Ÿ”ฅ

https://adriankrawczyk.github.io/DAIXIT


About

โœจ DAIXIT โœจ is a 3D multiplayer web game built with React that uses AI to generate images for cards that you are playing to ensure that they are always fresh ๐Ÿฅถ. Connect with up to 8 friends for an really fun gaming experience! DAIXIT reimagines the beloved classic board game Dixit with an AI twist ๐Ÿค–. Currently in active development ๐Ÿ› ๏ธ.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages