Welcome to Funny Game, a unique browser-based game that blends the excitement of drawing and guessing with the power of AI. Created during BostonHacks 2023.
In Funny Game, creativity and spontaneity are key. Players join a lobby, input prompts, and AI-generated images based on these prompts are passed around. Each round contributes to an evolving story, often leading to humorous and unexpected results showcased at the game's conclusion.
- Frontend: Developed with Next.js for a responsive and interactive user experience.
- Real-Time Communication: Uses socket.io for seamless player interactions.
- AI Integration: Leverages OpenAI's API for transforming text prompts into images.
- Styling: Enhanced with Sass for a sleek and engaging design.
- Lobby System: Create or join rooms for gameplay with friends.
- Prompt Input: Players have a set time to input their prompts.
- AI-Generated Images: Visuals created from prompts using OpenAI's API.
- Sequential Gameplay: Images and prompts are circulated, crafting a narrative.
- End-of-Game Display: The final reveal of the creative journey.
- Integration: Combining Next.js, socket.io, and OpenAI presented a rewarding challenge.
- Team Collaboration: Overcoming merge conflicts and other hurdles through effective teamwork.
- Learning Curve: Enhanced skills in React, Next.js, and GitHub, making this project a great learning experience.
- Clone the Repository:
git clone https://github.com/wjorgensen/funny-game.git
- Install Dependencies:
- Navigate to the
funny-game-nextandfunny-game-serverdirectories. - Run
npm installin both to install necessary packages.
- Create a .env File:
- In the
funny-game-serverdirectory, create a.envfile. - Add
OPENAI_API_KEY=Your_API_Keyto the file.
- Run the Application:
- In
funny-game-next, executenpm run devto start the frontend. - In
funny-game-server, usenpm startto launch the server.
Myself, @s-alad, @CJCrafter, @Zhandolia
This project is under the ISC License. See the LICENSE file for more details.