Build a Retro Game with Vibe Coding and Deploy It Live
K-12 LearningBeginnerEnded

Build a Retro Game with Vibe Coding and Deploy It Live

“Code and Play!”

The Challenge

Design, code, and publish a simple 1980s-style game (Snake, Pong, or space shooter) using vibe coding on Cloud Code, then deploy it to GitHub Pages.

Timeline

Challenge Kickoff & Vibe Coding Intro

Kickoff

Fri, Jun 19, 2026

Join us to learn the challenge rules, explore vibe coding on Cloud Code, and get inspired by retro game examples.

Game Design Checkpoint

Milestone

Thu, Jun 25, 2026

Share your game concept and initial prototype for feedback from mentors and peers.

Deployment Workshop & Office Hours

Mentor Session

Wed, Jul 1, 2026

Get hands-on help deploying your game to GitHub Pages and troubleshooting any technical issues.

Final Submission Deadline

Deadline

Mon, Jul 6, 2026

Submit your completed retro game with live deployment link before 3:59 AM UTC.

About This Challenge

This challenge walks a 10-12-year-old through the full lifecycle of building and shipping a playable web game. Start by sketching the game concept and designing retro pixel art or simple vector sprites. Use vibe coding in GenHax Cloud Code to translate ideas into working game logic without deep syntax knowledge. Implement core mechanics like movement, collision, and scoring. Once the game runs, set up a GitHub repository, commit the project files, and configure GitHub Pages to host the game online. The final deliverable is a live URL anyone can visit to play the game. Along the way, learn how version control, iteration, and public deployment work in real software projects.

Research Team

# NSF Research Team Assessment ## Relevant Research Team Profile A research team appropriate for developing this educational initiative would likely include: ### Institution Type - Computer Science Education Lab at a research university - Learning Sciences Department with focus on K-12 CS education - Potentially an NSF STEM+C (STEM + Computing) grant recipient ### Relevant Expertise Areas - Computing Education Research: K-12 programming pedagogy, block-based and text-based coding transitions - Human-Computer Interaction: Age-appropriate interface design, "vibe coding" or AI-assisted programming tools - Game-Based Learning: Educational game design, motivation and engagement - Developmental Psychology: Cognitive development in pre-teens, scaffolded learning ### Comparable NSF Programs This work would align with: - NSF CS for All initiative - IUSE (Improving Undergraduate STEM Education) - though this targets younger - STEM+C Partnerships focusing on broadening participation ### Likely Team Composition - PI: CS Education researcher with game design background - Co-PI: Learning scientist or educational technologist - Collaborators: Middle school educators, UX researchers - Industry Partner: Educational platform provider (GenHax in this case) Note: This appears to be a commercial educational platform challenge rather than academic research output.

Resources

# Data Sources for Retro Game Development Challenge ## Pixel Art & Sprite Assets - OpenGameArt.org - Community-driven repository of free 2D/3D game assets, including retro sprites, tilesets, and backgrounds - https://opengameart.org/ - Filter by "Pixel Art" tag for authentic retro aesthetics - Kenney Game Assets - Public domain game assets including space shooter packs, UI elements, and pixel fonts - https://kenney.nl/assets - Specific collections: "Space Shooter Redux," "Pixel Platformer" - itch.io Asset Packs - Free and paid retro game asset bundles - https://itch.io/game-assets/free/tag-pixel-art - The Spriters Resource - Database of sprites ripped from classic games for reference and inspiration - https://www.spriters-resource.com/ - Lospec Palette List - Curated database of color palettes used in retro games - https://lospec.com/palette-list - Includes authentic palettes from NES, Game Boy, Commodore 64 ## Sound Effects & Music - Freesound.org - Creative Commons sound effects database with retro/8-bit tags - https://freesound.org/ - Search terms: "8-bit," "retro game," "arcade" - ZzFX Sound Generator - Tiny JavaScript library for procedurally generating retro sound effects - https://github.com/KilledByAPixel/ZzFX - No audio files needed; generate sounds with code - Beepbox.co - Browser-based tool for creating chiptune music, exportable as WAV/MIDI - https://beepbox.co/ - SFXR / Bfxr - Classic tools for generating retro game sound effects - https://sfxr.me/ (web version) ## Game Development Reference Data - Internet Arcade (Archive.org) - Playable collection of 900+ classic arcade games for gameplay research - https://archive.org/details/internetarcade - Study mechanics of Pac-Man, Space Invaders, Asteroids - PICO-8 BBS - Community-shared simple games with viewable source code - https://www.lexaloffle.com/bbs/?cat=7 - Learn from minimal, retro-style game implementations - GitHub Game Off Entries - Annual game jam submissions with open source code - https://github.com/topics/game-off - Search for "snake," "pong," "shooter" for reference implementations ## APIs for Enhanced Features - GitHub REST API - Programmatically manage repositories and deployments - https://docs.github.com/en/rest - Useful for automating GitHub Pages setup - Leaderboard APIs - Lootlocker - Free leaderboard and player data API for indie games - https://lootlocker.com/ - DreamLo - Simple free leaderboard hosting - http://dreamlo.com/ - Web Storage API (built-in) - Browser localStorage for saving high scores locally - https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API ## HTML5 Game Development Libraries & Frameworks - Phaser Examples Database - 1000+ code examples for Phaser game framework - https://phaser.io/examples - Includes Snake, Pong, and shooter tutorials - Kaboom.js - Beginner-friendly JavaScript game library with examples - https://kaboomjs.com/ - Very suitable for vibe coding approach - p5.js Examples - Creative coding library with game tutorials - https://p5js.org/examples/ - Includes collision detection, sprite movement examples ## Educational Resources & Datasets - Code.org Game Lab Projects - Student-created simple games with public code - https://code.org/educate/gamelab - Scratch Studios - Retro Games - Visual programming examples of classic game remakes - https://scratch.mit.edu/studios/481482/ - Useful for understanding game logic before coding - Game Accessibility Guidelines - Database of best practices for inclusive game design - https://gameaccessibilityguidelines.com/ ## Color & Design References - Coolors.co Palettes - Color scheme generator with retro/vintage presets - https://coolors.co/palettes/trending/retro - Adobe Color - Retro Themes - Community-shared color palettes - https://color.adobe.com/trends - Dawnbringer's Palette Archive - Famous pixel art color palettes - http://pixeljoint.com/forum/forum_posts.asp?TID=16247 ## Version Control & Deployment Resources - GitHub Pages Documentation - Official guide for hosting static sites - https://docs.github.com/en/pages - Git Command Reference - Comprehensive command database - https://git-scm.com/docs - GitHub Student Developer Pack Resources - Free tools and credits for students - https://education.github.com/pack ## Research Repositories - arXiv Game AI Papers - Academic research on game mechanics and procedural generation - https://arxiv.org/list/cs.AI/recent - Search: "procedural generation," "game design patterns" - DiGRA Digital Library - Academic papers on game design and player experience - http://www.digra.org/digital-library/ - Game Studies Journal - Peer-reviewed research on games and play - http://gamestudies.org/

Skills

You'll Learn

UI/UX DesignGame DesignVibe CodingPresentation SkillsProblem SolvingIterating with AI Feedback LoopsInitiative TakingGitHubCreative ThinkingTask CompletionFast LearningWeb Development

Helpful to Have

JavaScript

Tags

#Game#Vibe Coding#Play#Learn#K-12#Education
Hugo

Hosted by

Hugo

0 teams / 50 max
Starts Jun 19, 2026, 8:00 AM (EDT)
Ends Jul 5, 2026, 11:59 PM (EDT)

Leaderboard