[[404894]]

本文轉載自微信公眾號「碼農桃花源」，作者小X。轉載本文請聯系碼農桃花源公眾號。   

你好，我是小X。

曹大最近開 Go 課程了，小X 正在和曹大學 Go。

這個系列會講一些從課程中學到的讓人醍醐灌頂的東西，撥云見日，帶你重新認識 Go。

有學員私下和我說，這個課程挺打擊他的自信心。我能理解，課程的確是挺難的。

慢慢來，多看、多問、多總結，肯定是可以攻克的。

曹大本人說：我積累好幾年的內容，一個月想全學明白挺難的。

確實，光第一次課的調度就夠喝一壺的了，上次課講的內存分配和垃圾回收很多人可能直接懵了。這很正常，這一塊的內容是非常難的，甚至是最難的，因為這涉及到 Go 底層實現了，沒幾個人研究得那么深。

像 Go 的垃圾回收代碼，全世界能維護的就那么幾個人。我們能看個大概意思，就已經很厲害了，絕對吊打面試官。

話說回來，上這門課，不光能跟著曹大學到技術，還能學到很多技術之外的東西。

曹大之前寫過很多文章，但沒有做過動畫。這次為了訓練營，他還專門看了幾本設計書，又是學做視頻，又是學做動畫，“騷”的不行。

課程里動畫非常多，尤其是內存分配和垃圾回收這一章，動畫簡直太多了。據他本人說，這些動畫把他畫吐了。

為了體驗一下，這兩天我也嘗試了一下做動畫。

課上曹大用了一個在線的設計工具 Figma，它的一個非常大的優點是分享個鏈接過來，就可以看了。而且如果源文件有修改，我們馬上就能看見，非常方便。

我想學怎么做。

但我不需要問：曹大，動畫是怎么做的，教教我啊?我只需要知道關鍵字：Figma。

這就夠了，剩下的用搜索引擎就解決了。不過，如果你用的搜索工具不行，那搜出來的內容質量確實也是不行的。

像這種動手操作類的，最好就是搜一下相關的視頻。我自己在 B 站上沒搜到高質量的教程。最后，在 youtube 一下子就找到了想要的視頻，看個幾分鐘就大概明白了動畫是怎么做的了。

為了鍛煉一下大家的搜索技能，我就不把地址放上來了，關鍵信息都給你了。

另外，有一點要額外注意的是，搜索的時候，一定要用趁手的工具。比如，之前學員群里有同學說曹大在 Go 夜讀講過匯編，非常好。然后就有很多學員問地址在哪?

還是那句話，關鍵信息都給出來了，用搜索引擎就是幾秒鐘的事兒。學習，一定要主動，不能什么都等著別人投喂。

不過，你要用百度搜索，那可能真搜不出來。你看下我用百度和 Google 的搜索結果對比：

Google 搜索結果

百度搜索結果

用 Google 搜第一條就是，而用百度，壓根沒找到。

高下立判!

題外話，到此結束，這篇文章主要還是來講一下怎么做動畫。

其實只要掌握幾個核心的要點，就可以學會怎么用 Figma 做動畫了。

我們想一下小時候看的那種膠片電影：

[[404895]]

膠片電影

每一張膠片上的影像都是靜止的，但是當膠片連續滾動時，靜止的圖片就變成了連續的視頻。

或者想像一下小時候我們看的那種武打的小人書，連著翻頁，就能看到一個連續的打斗場景，非常神奇!

用 Figma 做動畫呢，也是類似的原理。

我們可以創建一組畫布，在不同的畫布之間，相同名字圖形的變化(大小、透明度、顏色、旋轉等)，通過 smart animate 就可以自動“腦補”出動畫。

Figma 畫布

這組畫布連起來，就形成了動畫。

原理就是這么簡單，具體怎么做，大家看個視頻教程就全會了。

如果做一個比較復雜的動畫，涉及到很多的圖形，就比較復雜了。我自己想到的一個方法是，先畫出一個全貌作為“母畫布”，然后再構建每一張子畫布，這時就像做減法一樣。因為單張畫布，其實都是這個“母畫布”的子集。

最終呈現的效果是這樣的：

講的就是之前的文章《迷惑的 goroutine 執行順序》，這次用動畫的形式展現了，是不是非常精彩?

動畫可以更直觀地展示原理，在一些技術分享的場合還是很有用的。尤其是很多人都還停留在滿篇的文字，或者“裝逼”一張幻燈片就一個關鍵字、對著講 5 分鐘、有幾張圖就算不錯了的情況下，這時你啪來一個動畫，你就是全場最靚的仔~