birb. · Open and Preview

Build a drawing app

birb draw · Agent working

Build a small drawing app: one marker, a few colours, an eraser, and a clear button. It should look hand-drawn, not polished.

I’ll keep this to one canvas view and a small stroke model. I’m starting with the stroke type, then I’ll wire the tool row into the same drawing state.

Explored project structure7 files · SwiftUI package

Edited BirbDrawView.swiftAdded the canvas and the tool row

Checked the buildCompleted successfully

The drawing app is in place. Every stroke goes into one array, the tool row picks the colour and the width, and clear empties the same array.

3 files changed · 42s

Ask for a change…

Agent ready · birb draw

Search files⌘ P

BirbDrawView.swift

1import SwiftUI
2
3struct BirbDrawView: View {
@State private var strokes: [Stroke] = []
@State private var tool: Tool = .marker
@State private var tint: Color = Palette.ink
@State private var width: CGFloat = 6
8
var body: some View {
  VStack(spacing: 0) {
    TitleBar(title: "birb draw")
    Canvas { context, _ in
      for stroke in strokes {
        context.stroke(stroke.path,
          with: .color(stroke.tint),
          style: stroke.style)
      }
    }
    .background(Palette.paper)
    .gesture(drawGesture)
    ToolPalette(tool: $tool, tint: $tint,
      width: $width, strokes: $strokes)
  }
}
25
private var drawGesture: some Gesture {
  DragGesture(minimumDistance: 0)
    .onChanged { drag in
      if drag.translation == .zero {
        strokes.append(Stroke(tool: tool,
          tint: tint, width: width))
      }
      strokes[strokes.count - 1]
        .add(drag.location)
    }
}
37}