Back to Builds

Matiks Mathiss

Product Design

A fast-paced arcade game that combines Snake mechanics with real-time mental mathematics.


Matiks Mathiss started with a simple question.

What if mental mathematics felt more like an arcade game than a classroom exercise?

The result was a browser-based puzzle game that combines the familiarity of Snake with the pressure and strategy of solving mathematical equations under time constraints.

You can try the live demo here.

The Idea

Most educational math products focus on solving problems.

Matiks Mathiss focuses on making players feel pressure while solving them.

Players navigate a neon snake through an arena filled with numbers and mathematical operators. Every item collected becomes part of a live equation.

For example:

9 × 8 + 5 = 77

The objective is not simply reaching the correct answer.

The challenge is reaching it before the timer expires.

Product Thinking

The inspiration came from observing how quickly people understand Snake mechanics.

No tutorial is required.

Movement is already familiar.

That allowed the product to introduce a second layer of decision-making where every movement choice also becomes a mathematical choice.

Players constantly ask themselves:

  • Should I multiply here?
  • Am I about to overshoot the target?
  • Is using a revert worth losing time?
  • Should I take the longer path for a better equation?

This transforms a simple collection mechanic into a strategic decision system.

Building For Fairness

One of the most important design principles was fairness.

Every generated puzzle contains at least one valid solution path.

Players should fail because of poor decisions, lack of speed, or mathematical mistakes.

They should never fail because the board is impossible.

The revert mechanic was designed around this philosophy.

Players can undo mistakes, but each revert costs valuable time, creating meaningful trade-offs rather than free corrections.

Technology Stack

The game was built using:

  • React
  • TypeScript
  • HTML5 Canvas
  • requestAnimationFrame

Canvas powers the arcade gameplay while React manages HUD elements such as timers, targets, equations and retry states.

TypeScript provides strong guarantees around operator logic, scoring systems and expression evaluation.

What I Learned

This project taught me that educational products become significantly more engaging when learning is embedded inside a gameplay loop rather than presented as the primary objective.

Players do not return because they want to practise arithmetic.

They return because they want to beat their previous run.

That shift in motivation changes everything.

Future Direction

The long-term vision includes:

  • Daily challenges
  • Competitive leaderboards
  • Multiplayer math races
  • Skill-based difficulty systems
  • Cognitive performance analytics

The goal is to build a game that improves mental agility while remaining genuinely fun to play.