[[404894]]

本文轉(zhuǎn)載自微信公眾號「碼農(nóng)桃花源」，作者小X。轉(zhuǎn)載本文請聯(lián)系碼農(nóng)桃花源公眾號。   

你好，我是小X。

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

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

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

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

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

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

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

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

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

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

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

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

我想學怎么做。

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

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

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

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

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

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

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

Google 搜索結(jié)果

百度搜索結(jié)果

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

高下立判!

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

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

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

[[404895]]

膠片電影

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

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

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

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

Figma 畫布

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

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

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

最終呈現(xiàn)的效果是這樣的：

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

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