# Bezier Curves

[SwiftUI](../..) ⟩ [Animations](..) ⟩ [Easing Functions]() ⟩

{% tabs %}
{% tab title="📗 參考" %}
* [ ] Mark Lucking ⟩ [Using Bezier Curves in SwiftUI](https://betterprogramming.pub/using-bezier-curves-in-swiftui-9d080657fb15)
* [ ] Vasilis Akoinoglou ⟩ [Making a Bézier Curve Editor in SwiftUI](https://alladinian.hashnode.dev/making-a-bezier-curve-editor-in-swiftui) ⭐️
* [ ] objc.io ⟩ [SwiftUI Path Builder](https://talk.objc.io/collections/swiftui-path-builder)
* [ ] JS.info ⟩ [Bezier curve](https://javascript.info/bezier-curve)
* [ ] CSS-Tricks ⟩ [Pure CSS Bezier Curve Motion Paths](https://css-tricks.com/pure-css-bezier-curve-motion-paths/)
{% endtab %}

{% tab title="圖解" %}
![](https://1830103165-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M5-JmwCZMKh_d7RfBaN%2Fuploads%2Fu94cVagmrPTKLKNHEti4%2Fbezier%20equation.jpg?alt=media\&token=1f395d1c-98d8-45b6-b0a5-183b16a0399b)
{% endtab %}

{% tab title="Desmos" %}
{% embed url="https://www.desmos.com/calculator/jjmywssne7" %}
{% endtab %}

{% tab title="🛠 工具" %}
* [easings.net (Easing Functions)](https://easings.net/) ⭐️
* [cubic-bezier](https://cubic-bezier.com/#.17,.67,.83,.67)
{% endtab %}

{% tab title="📘 手冊" %}
* [SwiftUI](https://developer.apple.com/documentation/swiftui) ⟩ [Shapes](https://developer.apple.com/documentation/swiftui/shapes) ⟩ [Path](https://developer.apple.com/documentation/swiftui/path)
  * [.addQuadCurve(to:control:)](https://developer.apple.com/documentation/swiftui/path/addquadcurve\(to:control:\)) - <mark style="color:orange;">**quadratic**</mark> Bézier curve.
  * [.addCurve(to:control1:control2:)](https://developer.apple.com/documentation/swiftui/path/addcurve\(to:control1:control2:\)) - <mark style="color:orange;">**cubic**</mark> Bézier curve.
{% endtab %}

{% tab title="👥 相關" %}
* is [path](../../shapes/path "mention").
{% endtab %}
{% endtabs %}
