Flutter Banner Backdrop
Flame Physics & Custom Canvas

Flutter Game & Utility Suite

Flame Engine Physics, Animated Canvas Math, & Low-Code Builders

Project Overview

Cross-Platform High-Performance Engineering

A showcase of high-performance mobile and web apps engineered in Dart & Flutter. This suite highlights low-latency rendering, custom canvas mechanics, and complex drag-and-drop hierarchy generators.

Technology Stack

  • Dart & Flutter
  • Flame Engine
  • CustomPainter Canvas
  • Provider State Management
  • Custom Physics Mappings
  • Web Assembly Compilation
  • HTML5 Video Embeds
  • AST Layout Generation
01 / Vector Canvas Paint

Fluid Clock Engine

An interactive, custom-painted clock application utilizing trigonometric coordinate mapping, smooth transition curves, and dynamic canvas color shifts.

  • Trigonometric hand tracking maps hours, minutes, and seconds onto radians dynamically.
  • CustomPainter canvas implementation ensures paint calculations run on native rendering layers.
  • Dynamic background gradient loops shift colors in real time based on active second parameters.
02 / Arcade Recreation

Color Switch Game

A high-fidelity recreation of the viral Color Switch arcade game, built with custom physical bounds, dynamic obstacle rotate states, and collision detection.

  • Custom bounce physics calculates ball gravity and jump force triggers on user taps.
  • Pixel-level collision checks detect mismatches between the player color and obstacle segments.
  • State-saved progress caches scores, stars gathered, and current level settings.
03 / Low-Latency Loop

Flutter Pong

A classic pong game built with low-latency touch controls, adjustable ball velocities, and an intelligent AI opponent with scale-matched response limits.

  • 60 FPS gameplay engine optimized to track touch bounds without input lag.
  • Adaptive AI adversary matches paddle coordinates using custom interpolation formulas.
  • Elastic ball physics calculates bounce angle offsets based on paddle hit coordinate vectors.
Next-Gen Low-Code

Fluffy UI Builder

A revolutionary developer utility enabling users to wire up complete application interfaces visually. Drag elements onto a canvas, configure styles, and instantly compile your layout into executable Dart/Flutter widget trees ready to copy-paste.

  • Dynamic drag-and-drop editor featuring layout rows, columns, containers, images, and text forms.
  • Real-time abstract syntax tree (AST) generator parses layouts into a structured JSON representation.
  • On-the-fly compiler translates the layout schema into clean, formatted, production-ready Flutter widget code.