SwiftUI Animation ft.花枝丸星人

人類一直以為太陽星系只有九大行星,而小孩更是一直以為只有八大,事實上他們不知道的浩瀚的銀河宇宙裡是還有第十顆行星-也就是花枝丸星。

一切起源於進行了一個禮拜的食物命名週之後,產生了花枝丸星人。

然後媽媽就以手邊目前會的工具, 產生了以花枝丸星人為主題的app。

  1. Protocol orbitView 以Circle畫出軌道

2. Heart Beating

由花枝丸星國王-考特費雪保(Cuttlefish Ball)的心臟所驅動的「愛心驅動器」可以驅動花枝丸星轉動。而根據不具名的調查 ,花枝丸星國其其實本來有3顆心臟,在戰爭中為了躲避敵人的追逐、保護王國子民,而過份耗損地使用了前兩顆心臟,所以現在花枝丸星(國王)只剩下一顆心臟。(完全抄霍爾的移動城堡來著的)

花枝丸星國王的心臟經過. onTapGesture 與 toggle() &.animation的組合之後,可以變化大小顏色與位置。

或是在.onTapGesture {}裡使用 withAnimation{}

3. 新朋友花枝丸星也加入太陽星系,當九大行星經過RotationEffect&就可以繞著太陽系跑。(想像一下它是立體圖不要太在意撞到這件事嘿~媽媽數學不太好不會算圓周率)

看他們一直繞圈圈覺得也挺療癒的,好像星球在賽跑。不過小孩不怎麼買單,因為他們說為什麼只能一直繞圈圈,不能調速度跟按按鈕停止(我還不會寫啊…哭)

4. 使用Tab View 做花枝丸星人的日常介紹:

SF Symbol 找icon, .accentColor(.yellow) 點過的tab 會變黃色。

5 因為Tab View只能放四個,所以只能把剩下的菜園、學校油炸區與id以Preview呈現

你怎麼跟我們不一樣? 不一樣還是可以做好朋友啊~ 這就是小朋友的世界可愛的地方。

Let’s having cuttlefish ball in github:

--

--