開發筆記 - 把複雜的動畫任務變拆小

在軟體開發中有個 Baby Step 原則，這個原則是希望將任務拆小，每完成一個小任務就確認方向或做法是否正確可行，避免整個做完才發現方向錯了，又或者發現做法不可行。

我覺得這是非常實用的原則，可以把又複雜又大的事情變簡單。但有時候實踐起來挺困難的，會覺得不知道如何拆分，彼此之間好像都有關聯，沒辦法獨立拆開來完成。

做動畫就是其中之一。

前陣子接到一個任務，這個任務目標是實作新手教學，在新手教學中有一步教學是要用動畫來引導使用者滑動螢幕。

剛開始看到就覺得稍微有點複雜，要畫多層圈，每個圈都要套上動畫，還有一個滑動軌跡的動畫。

剛開始覺得花一些時間想一下，要整個設計想好才能開始動工。

那時就在想，製作動畫的工作能不能拆小？能不能不要一口氣做這麼大的設計呢？

忽然靈光一靈，覺得好像有機會： 一開始就簡單地做一個圓圈網上的動畫。

接著既然動畫都有了，就只是在原本的圓圈上多加幾個圈，好像也很簡單。

最後就是，既然圓圈的動畫都有了，那就能來獨立考慮軌跡的動畫怎麼做了，相對來說也比較簡單。

將動畫的每個部分都拆成獨立的元件來製作，能減輕一些製作動畫上的負擔。

後記：這是去年的心得 🤣 ，在整理資料時發現好像也可以寫成部落格，所以現在才發上來。不過說實在的，現在這種需求比較明確的任務，大家應該都直接叫 AI 做了，可能比較少需要透過拆小的方式來減輕實作上的困難。