The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Built a modern HTML5 Connect 4 game with smooth gameplay, responsive UI, sound controls, restart functionality, and engaging animations. Developed using JavaScript and Phaser.js for web and mobile compatibility. Focused on clean design, performance optimization, and interactive player experience.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
🛰️ I just shipped Remora for the Figma Config Makeathon "a space debris cleanup game", built entirely in Figma and Figma Make with help of Sites.
PLAY NOW 💯 Remora - Let's Clean our Space 🚀
Right now, more than 27,000 pieces of debris are orbiting Earth. Broken satellites, lost bolts, leftover rocket stages and nobody's cleaning it up. It sounds distant, but it isn't: this debris threatens the satellites our GPS, communications, and weather systems depend on, and could eventually block our access to space entirely.
I named the project Remora; a small fish that swims alongside sharks, cleaning their surroundings. We're the remoras. Space is our ocean.
The Makeathon brief was "design something that improves the world," and I wanted my answer to be playable, not just a poster.
Some of what's under the hood:
🎮 Two game modes: a free-flying drone collector with zero-G physics and a station-based sorting game where you triage incoming debris into recycling shipments
🤖 Three AI-controlled drones compete alongside you on a live leaderboard, each with its own personality and skill level
✨ Particle bursts, thruster trails, and docking animations — built frame-by-frame on canvas, no game engine
🌍 An animated Earth companion that reacts with rotating messages as you play
📡 Satellites cross your flight path on real trajectories — hit one and you lose cargo and hull integrity
🔼 A milestone-based upgrade system (Speed Boost, Cargo+, Magnet Field, Shield) that triggers mid-flight without pausing the game
It won't clean the orbit. But if it makes one more person think about the mess we're leaving up there — it did its job.
🔗 Try it live: Remora - Let's Clean our Space
🎨 Figma file: Project File
Can we tag NASA here? 🧠
Blastbound — Element Arena
I built Blastbound, a playable retro arcade-inspired mini game using Figma Make.
The idea came from the kind of console games many of us played in childhood, but I wanted to reimagine that feeling with a modern 2.5D visual style, elemental characters, glowing effects, mobile-friendly controls, and a polished arcade experience.
The problem I wanted to solve was simple: most AI-generated prototypes feel static. I wanted to see how far I could push Figma Make into building something interactive, fun, and actually playable.
In Blastbound, players can choose between three elemental heroes: Fire, Ice, and Electric. Each character has a different visual identity, movement feel, and energy effect. Inside the arena, players clear brick tiles, collect hidden power-ups, avoid NPCs, earn points, and try to clear the full level.
Workflow:
Started with the game concept and screen flow
Built the onboarding, menu, and character selection
Created the playable grid-based arena
Added scoring, NPCs, power-ups, win and game-over states
Optimized it for desktop and mobile
Finished with an explainer video walkthrough
🎮 Live demo:
https://chair-cosmic-99833030.figma.site/
🛠 Working Figma Make file:
https://www.figma.com/make/nOZ5y1fQG8rI6t79I68uhm/Blastbound?t=wN94lLQMwK0nVkhi-1
This was a fun challenge to explore how Figma Make can go beyond static UI and become a tool for building interactive product experiences.
Interesting
Frogy 🐸
Use your real tongue 👅 to hunt
Frogy- The Tongue Hunter
Meet Frogy, a swamp frog who hungry for a quick snack 🪰
An innovative interactive game that blends the real world with digital gameplay in a fun, surprising, and action-packed experience.
Players control the frog’s tongue with their actual tongue 👅
Turning their face into the game controller !
Players will hunt flies 🪰, dodge sharks🦈, face lions🦁, and even battle dragons 🐉 across a series of exciting challenges.
2 Modes:
🐸 Swamp Frog
Have a feast as a cartoon frog use your tongue, touch or mouse to shoot tongue and catch flies.
👅 Real Tongue - Camera
Have a feast with real tongue out! Shoot your tongue and catch flies!
The game features 4 unique levels with increasing difficulty, fast-paced gameplay, and plenty of unexpected surprises along the way.
4 Levels:
Lv1- Swamp
Lv2- Ocean
Lv3- Savanna
Lv4- Dragon Castel
Frogy delivers a hilarious and immersive experience that combines physical interaction, creativity, and cutting-edge technology into one unforgettable adventure.
For our child and the child within us 👶
Are you ready to become… The Tongue Hunter? 🐸
Give it a try:
https://chair-vital-48239697.figma.site
Figma Community:
https://www.figma.com/community/file/1647096152268267643/frogy-tongue-hunter
Linkedin:
https://www.linkedin.com/posts/itai-henn_configmakeathon-activity-7471342638307110912-7e3d?utm_medium=ios_app&rcm=ACoAACzMZ3gBj_hk1W8jHej8KclMcQlF-hZPssQ&utm_source=social_share_send&utm_campaign=copy_link
Nice!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?