Blob Game

A clicker game built with TypeScript and React where players grow a blob by clicking and purchasing upgrades. The game includes multiple upgrade paths, achievements, and satisfying visual feedback.

Technologies

TypeScript React Game Engine Game Design Netlify

Links

Live Demo GitHub

Screenshots

Technical Overview

Key Features

  • Real-time click tracking with debounced state updates for performance
  • Achievement engine with progress tracking and unlock conditions
  • Responsive canvas-based blob rendering with procedural growth animations

Technical Challenges

  • Optimizing render performance for high-frequency click events using RAF scheduling
  • Designing balanced game economy with exponential growth curves
  • Implementing smooth visual feedback without blocking UI while still being visually stimulating
  • Managing complex state dependencies between upgrades and achievements

Implementation

  • Custom useGameState hook encapsulating reducer pattern for centralized state management
  • CSS-in-JS animations synchronized with game state changes
  • Automated deployment pipeline with Netlify for continuous integration