기어가더라도 제대로

2022.11.21 - [SwiftUI - 기초] - [SwiftUI-기초] Shape 를 애니메이션 주기 - animatableData 위의 글에선 프로퍼티 하나의 변화를 감지해서 애니메이션을 그렸다면 이번 포스팅에선 두개 ~ 여러개의 애니메이션을 추적해보겠음 보드판의 행과 열이 추가되면 애니메이션이 어떻게 변화하는지를 감지할 것임 행과 열이라는 단어에서 프로퍼티 2개를 추적한다는 것을 알 수 있음 struct Checkerboard: Shape { var rows: Int var columns: Int func path(in rect: CGRect) -> Path { var path = Path() let rowSize = rect.height / Double(rows) let columnSize =..

struct Trapezoid: Shape { var insetAmount: Double func path(in rect: CGRect) -> Path { var path = Path() path.move(to: CGPoint(x: 0, y: rect.maxY)) path.addLine(to: CGPoint(x: insetAmount, y: rect.minY)) path.addLine(to: CGPoint(x: rect.maxX - insetAmount, y: rect.minY)) path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY)) path.addLine(to: CGPoint(x: 0, y: rect.maxY)) return path } } struct Con..

ZStack { Image("Example") Rectangle() .fill(.red) .blendMode(.normal) } .frame(width: 400, height: 500) .clipped() .blendMode(.normal) 기본적인 전략으로 색상이 섞이지 않음 .blendMode(.multiply) 각 픽셀마다 이미지가 가지고 있는 원래 색상 X 색상 프레임이 가지고 있는 도착지 픽셀의 색상 0...1 * 0...1 = 0...1 Image("Example") .colorMultiply(.red) ZStack 을 사용하지 않고도 적용 가능 .blendMode(.screen) 원래 색상의 역을 곱해서 나온 값의 역 (1 - (0...1)) * (1 - (0...1)) = a screen ..