Marvel Civil War Pong
Class: UXDG 320 – Coding for UX Designers (Winter 2025)
Tools Used: JavaScript, p5.js, Visual Studio Code
Focus: Custom character abilities, animations, game mechanics, backgrounds, UI screens
Challenge Solved: Balancing visuals + game logic, creating custom assets, debugging timing/physics
Marvel Civil War Pong is a custom-coded browser game I created using JavaScript and p5.js. Inspired by classic Pong and Marvel’s Civil War, players can choose from different heroes—each with their own abilities—and compete on themed battlegrounds. The game features original screens, background transitions, hero icons, and interactive gameplay.
I challenged myself to build a fun, animated experience from scratch. I handled everything from game logic, to ability mechanics, to visual design. I also experimented with creating character selection screens, cooldown timers, and victory animations—all within p5.js.
🕹 How to Play
• Press Enter to start
• Use W/S for Player 1 and Up/Down for Player 2
• Press Q (Player 1) or P (Player 2) to activate abilities
• First to 5 points wins!
• Press ESC to return to the main menu
🎮 Try it now!