Inspiration

Arcane Arena was inspired by a desire to blend classic Tetris gameplay with magical, elemental aesthetics and a modern, responsive UI for both desktop and mobile.

What it does

It delivers a visually enchanting Tetris experience with glowing blocks, magical effects, and a sparkling starfield background. The game is fully playable on desktop and mobile, with a professional look and smooth controls.

How we built it

We used TypeScript and HTML Canvas for the game logic and rendering, and CSS for advanced theming and responsive design. The UI and effects were iteratively refined for both platforms.

Challenges we ran into

Key challenges included making the UI fully responsive, optimizing for touch and mouse, and integrating magical effects without sacrificing performance or clarity.

Accomplishments that we're proud of

We're proud of the seamless mobile/desktop experience, the unique Arcane-Arena theme, and the polished, interactive effects that set this Tetris apart.

What we learned

We deepened our skills in responsive web design, canvas rendering, and creative UI/UX for games. We also learned how to balance aesthetics with usability.

What's next for Arcane Arena

Future plans include adding elemental spells, enemy AI, and more interactive features to expand the magical gameplay experience.

Built With

Share this project:

Updates