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
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