系列文章
Lineage M 卡包動畫 - Frame animation
最近和朋友們都在重溫「天堂」這個網路遊戲，雖然遊戲畫面依舊沿用了過去的風格，但實際上玩起來已經完全不一樣了。 就像其他手遊一樣，融入了卡片、自動行動等功能，最...
Lineage M - Slot Machine ( 角子機動畫 )
接著上一個主題的內容 Lineage M 卡包動畫 - Frame animation 這次要加入抽卡的元素。當我們打開卡包的時候，會有多張卡片在畫面上輪轉，...
LineageM Collection - 篩選卡片
Lineage M 這個遊戲在抽完卡片以後，卡片會進入收藏夾裡面，收藏到特定的卡組後會有一些 buff. 所以呢，開卡包的角子機效果做完以後，接著想做一個卡片...
CardLayout - 卡片佈局 (Custom UICollectionViewLayout)
在一些應用中我們會看到一些特殊的佈局方式比如 Pinterest 的瀑布流。 而我們只要通過自定義 UICollectionViewLayout 就可以實現。...
Flat Card Layout
卡片在畫面兩側是呈現最小的狀態，當靠近中間的時候會放大，離開中間的時候會縮小。 Flat Card Layout FlatCardCollectionVie...
Hotel Card Layout
因為參加鐵人30的原因，每天都會研究一點東西寫出來但因為最近工作量比較大，所以主要會以實現功能為主，有很多地方可以做得更好，先留著以後回頭改了:D 另外也有些朋...
BankCoins - 讓錢幣飛一會
快過年了，這次做一個一堆錢飛向存錢筒的動畫效果。 BankCoins 畫面正上方放著一個存錢筒，點下「Show me the money」以後，會有300個金...
3DCardLayout - 立體卡片佈局
這次做個橫向移動的卡片佈局。 3DCardLayout 如上面的動畫顯示，卡片可以左右滑動，當滑動經過 x 軸中央時，卡片會向左後方或者右後方凹折過去。...
Snapshot - 轉場動畫的暖身 (Transition)
在許多的動畫運用中尤其是轉場動畫，很有可能會需要用到對畫面進行截圖。 Snapshot 黄色外框所覆蓋的部分就是我们想要截取的内容，这是预先放上的 captu...
Color Diffusion Transition - 色彩擴散轉場動畫
先從一個簡單的轉場動畫開始，了解自定義轉場動畫的過程。 Color Diffusion Transition 第一個畫面背景是綠色的，中間有個紅色的箱子，當...