Menu

Granloop Arena TV — Pixel Art Fighting Game — 30 Days Web Challenge Day 3
🖼️

Granloop Arena TV — Pixel Art Fighting Game — 30 Days Web Challenge Day 3

DEV Community·Muhammad Abdu ar Rahman·6 months ago
#aNP6inkG
#nextjs#typescript#gamedev#showdev#const
Reading 0:00
15s threshold

Try it live at 30days.abduarrahman.com — and the source code is on GitHub .

The Origin

Day 3 needed to be different from precision timers and math animations. The community wanted something visual, something chaotic, something that plays itself . Someone said "make them fight" — so I built a pixel art arena where characters bounce around and beat each other up.

The Granloop Arena TV is a self-contained fighting game in a draggable, collapsible TV widget that sits on the landing page. Two teams — Granmaja (orange) vs Bloop (purple) — fight in a 2v2 pixel art brawl until one team is eliminated.

What I Built

A complete 2v2 pixel art fighting game with:

4 pixel art characters — 2 Granmaja and 2 Bloop with sprite animations for walking in all 4 directions

Real-time physics — characters bounce around the arena with velocity, wall reflections, and speed normalization

Collision detection — when characters overlap, they bounce off each other with velocity exchange

Cross-team damage — collisions between…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.