Vibe Pong

Inspiration

Vibe Pong was inspired by the idea that games don’t always need to be intense or competitive to be engaging. We wanted to create something that feels calm, expressive, and immersive — more like interacting with a mood than trying to win. Lo-fi music, soft colors, and smooth motion were used to create a relaxing experience that players can enjoy without pressure.

What it does

Vibe Pong is a browser-based game that blends simple pong-style mechanics with ambient visuals and sound. A glowing ball and paddle move smoothly within the canvas, while animated words and particles float around the play area, reacting to gameplay. The result is a chill, flow-focused experience rather than a traditional high-score chase.

How we built it

The project was built using vanilla HTML, CSS, and JavaScript. The canvas API handles gameplay and visual effects, while CSS manages layout, typography, and animations. Special care was taken to keep animated elements outside the canvas while maintaining smooth performance. Everything runs entirely in the browser with no external frameworks.

Challenges we ran into

One major challenge was managing motion and boundaries for animated elements so they felt free but never interfered with gameplay. Balancing visual effects with performance was also tricky, especially while keeping the experience smooth and relaxing.

Accomplishments that we’re proud of

We’re proud of creating a cohesive vibe where visuals, motion, and sound work together seamlessly. The graffiti-style floating words, reactive effects, and lo-fi atmosphere make the project feel polished and intentional despite its simple mechanics.

What we learned

We learned how much small details matter in user experience, especially pacing, color, and motion. We also gained a deeper understanding of canvas animations, collision handling, and structuring clean, readable JavaScript for interactive projects.

What’s next for Vibe Pong

Next, we’d like to add more interactive modes, customizable themes, and deeper music-reactive visuals. We also want to explore accessibility options and expand the experience into a full ambient playground rather than just a single game.## Inspiration

Built With

• codepen
• css
• html
• javascript