iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Software Development

iOS Swift x Layout x Animation x Transition 系列

通過 Swift 連續三十天挑戰
- Layout
- Animation
- Transition

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第一屆鐵人賽
DAY 11

Lineage M 卡包動畫 - Frame animation

最近和朋友們都在重溫「天堂」這個網路遊戲,雖然遊戲畫面依舊沿用了過去的風格,但實際上玩起來已經完全不一樣了。 就像其他手遊一樣,融入了卡片、自動行動等功能,最...

2017-12-30 ‧ 由 陳董 Don 分享
DAY 12

Lineage M - Slot Machine ( 角子機動畫 )

接著上一個主題的內容 Lineage M 卡包動畫 - Frame animation 這次要加入抽卡的元素。當我們打開卡包的時候,會有多張卡片在畫面上輪轉,...

2017-12-31 ‧ 由 陳董 Don 分享
DAY 13

LineageM Collection - 篩選卡片

Lineage M 這個遊戲在抽完卡片以後,卡片會進入收藏夾裡面,收藏到特定的卡組後會有一些 buff. 所以呢,開卡包的角子機效果做完以後,接著想做一個卡片...

2018-01-01 ‧ 由 陳董 Don 分享
DAY 14

CardLayout - 卡片佈局 (Custom UICollectionViewLayout)

在一些應用中我們會看到一些特殊的佈局方式比如 Pinterest 的瀑布流。 而我們只要通過自定義 UICollectionViewLayout 就可以實現。...

2018-01-02 ‧ 由 陳董 Don 分享
DAY 15

Flat Card Layout

卡片在畫面兩側是呈現最小的狀態,當靠近中間的時候會放大,離開中間的時候會縮小。 Flat Card Layout FlatCardCollectionVie...

2018-01-03 ‧ 由 陳董 Don 分享
DAY 16

Hotel Card Layout

因為參加鐵人30的原因,每天都會研究一點東西寫出來但因為最近工作量比較大,所以主要會以實現功能為主,有很多地方可以做得更好,先留著以後回頭改了:D 另外也有些朋...

2018-01-04 ‧ 由 陳董 Don 分享
DAY 17

BankCoins - 讓錢幣飛一會

快過年了,這次做一個一堆錢飛向存錢筒的動畫效果。 BankCoins 畫面正上方放著一個存錢筒,點下「Show me the money」以後,會有300個金...

2018-01-05 ‧ 由 陳董 Don 分享
DAY 18

3DCardLayout - 立體卡片佈局

這次做個橫向移動的卡片佈局。 3DCardLayout 如上面的動畫顯示,卡片可以左右滑動,當滑動經過 x 軸中央時,卡片會向左後方或者右後方凹折過去。...

2018-01-06 ‧ 由 陳董 Don 分享
DAY 19

Snapshot - 轉場動畫的暖身 (Transition)

在許多的動畫運用中尤其是轉場動畫,很有可能會需要用到對畫面進行截圖。 Snapshot 黄色外框所覆蓋的部分就是我们想要截取的内容,这是预先放上的 captu...

2018-01-07 ‧ 由 陳董 Don 分享
DAY 20

Color Diffusion Transition - 色彩擴散轉場動畫

先從一個簡單的轉場動畫開始,了解自定義轉場動畫的過程。 Color Diffusion Transition 第一個畫面背景是綠色的,中間有個紅色的箱子,當...

2018-01-08 ‧ 由 陳董 Don 分享