High Level Flutter Animations With Low Level APIs
summary
Shows how to build generative animated art in Flutter using CustomPainter + Canvas, drawing rectangles and polygons via drawRect/drawPoints, tiling by computing grid counts, recursion for nested shapes, and displacement by offsetting corners with random values. Colors use HSL hue randomization instead of RGB. Polygons are precomputed, rendered with varying opacity, and animated with an AnimationController and per-polygon staggered tweens (including left‑to‑right tile delays); clipPath is used to mask images. Performance tip: drawRawPoints for thousands of elements.
AI-written summary · about
chapters (14)
- 0:00Introduction to talk
- 1:56Inspiration from Vera Molnar
- 5:36Setting up custom painter
- 8:29Basic generative art tools
- 10:16Adding randomness and colors
- 13:58Displacement and polygons
- 15:27Repetition in artwork
- 16:30Refactoring for animation
- 18:20Preparing for animation
- 19:01Animation setup
- 20:52Animating tiles and tiles
- 21:57Generative art in UIs
- 23:23Clipping images with canvas
- 24:30Can UIs be art
