Composable Sheep: A Canvas Story
summary
Shows how Compose Canvas and the Canvas API let you build a fluffy sheep by combining drawCircle drawRect drawOval and transform helpers inside the provided drawScope with size from modifier and toPx conversions for pixel units The demo computes positions with basic trigonometry and geometry to generate multiple intersection points then constructs a Path using quadratic Bézier segments to make realistic fluff so the final composable sheep renders correctly in the preview and the repo contains the Kotlin code and math routines
AI-written summary · about
chapters (7)
- 0:00Introduction
- 0:54Canvas basics explained
- 4:07Canvas in Jetpack Compose
- 10:48Drawing a basic chip
- 17:33Creating fluffy chip effect
- 22:27Advanced fluff with Bézier curves
- 30:13Why use Canvas
related talks
39mComposable Sheep: The Creative Coding Epilogue
45mPlease Draw Me a Sheep... in AR
31mComposing in your Canvas!
38mBringing Your Canvas Creations to Life with Jetpack Compose
43mInteracting with Composable Canvas
28mBuilding graphs in Jetpack Compose with Canvas
36mJetpack Compose: Drawing without pain and recomposition
36mBuild The Million-Dollar Animation