Introduction to PaperProto
Generate New Game
Player Dashboard
Community Arcade
AI Generated Tetris Game

PaperProto: From Pen to Play

Inspiration

In the world of game design, there's always been a significant gap between imagination and implementation. Many brilliant game ideas remain trapped on paper sketches or exist only in verbal descriptions because of the technical barriers to bringing them to life. PaperProto was born from a simple question: What if anyone could transform their hand-drawn sketches into playable games instantly?

Traditional game development requires coding skills, design expertise, and significant time investment. We wanted to democratize this process by creating a tool that bridges the gap between low-fidelity paper sketches and high-fidelity functional games in seconds rather than weeks or months. In particular, we wanted to lower the barrier to entry for children to bring their imaginations to life by providing a seamless, exciting new way to play & build.

What it does

PaperProto is a platform that allows anyone to be a game designer by instantly transforming their ideas into playable games. Here's how it works:

Create your game - Sketch your prototype on paper, whiteboard, or simply describe it in our conversation page
Transform & iterate - Our app digitizes your creation and converts it into functional code, giving you opportunities to refine, redo, and restart
Play instantly - Watch as your drawing springs to life as a fully functional game that you can play in our page
Share with the community - Publish your creation to the PaperProto community page and engage with fellow game designers

Bring back the childhood joy of paper doodling, and then bring your creativity to the world.

Tech Stack

Next.js & JavaScript - Providing the foundation for our responsive, modern web application
Firebase Authentication - Secure user management with email/password authentication
Firebase Storage - Efficient tracking and storage of images and data inputs
Firebase Firestore - Robust database for tracking user information, game code, and game data
Claude API Integration - The critical component that powers our platform:
- Analyzes visual inputs (sketches) and text descriptions
- Generates functional game code based on those inputs
- Helps non-technical users refine their designs through natural language
- Enabled rapid development of our own platform through assisted coding

Claude's capabilities were not just instrumental in the user experience but were crucial in our own development process, allowing us to rapidly prototype and build PaperProto itself!

Challenges

Our journey with PaperProto came with several significant technical hurdles:

Image optimization for AI processing - Finding the right balance in data compression while feeding images to Claude's API without triggering hallucinations
Interactive platform development - Creating a seamless environment where users can both design and play games within our site
Bridging technical gaps for users - Developing intuitive interfaces that help non-technical users design games without requiring them to understand the underlying code

Accomplishments

We're incredibly proud that PaperProto can take a sketch on paper and bring it to life within seconds without substantial technical work in-between. This fundamentally changes how people can approach game design:

Eliminates the technical barrier - Anyone with an idea can create a game, regardless of coding skills
Accelerates the design process - What would take days or weeks now happens in seconds
Democratizes game creation - Opens up game design to new voices and perspectives
Encourages experimentation - Makes rapid iteration and testing of game ideas simple and accessible