我如何用 21 天在 GitHub 上獲取 6300個Star？

作者 | 程序員小吳

責編 | 胡巍巍

大家好，我是程序員小吳。12月初我在GitHub上上傳了一個倉庫，到現在為止獲取了 6300Star，下面和大家聊聊關於項目啟動的初衷、面臨的一些困難和未來的計劃。

「LeetcodeAnimation」的萌芽？

在刷Leetcode的過程中，遇到很多有意思和有難度的題目，有時候自己能做出來，有時候需要看別人的分析才能解開，但往往隔一段時間再去看原題的時候又是一頭霧水。

這時，我在考慮：有沒有一種方法可以把抽象的演算法具體化、生動化，加深或者加快解題的思路？

「LeetcodeAnimation」的夭折？

想起去年曾用自己熟悉的編程語言開源過一個關於排序動畫的項目（最近發現被人偷源碼上架App Store）,在 GitHub 上也獲得了不少Star ，效果不錯：因為每次想起動畫場景的時候就能知道排序的思路，進而白板編程寫成相應的排序演算法代碼，因為這個能力，自己在不少的面試的演算法環節能輕鬆應對。

於是，嘗試著將解題的思路用動畫的形式記錄下來。

一開始嘗試像之前一樣用OC語言編寫動畫，但發現這樣效率太低了，一個簡單的題目動畫編寫需要耗費幾個星期的時間。

期間也學習過小程序，打算使用小程序來顯示，可能功夫不到家，技巧不太熟練，效果也不理想。

小程序

百般嘗試之後無果，於是這個想法停止了很長一段時間，期間自己依舊笨拙的刷著 LeetCode 。

「LeetcodeAnimation」的開始？【PPT做動畫】

直到一個偶然的機會，自己在使用PPT的時候發現PPT的動畫很豐富，使用技巧也不是很高深：只要你的想像力夠豐富，只需要幾分鐘便能勾勒出思路動畫。

於是，經過一小段時間的學習，加上自己的想像力，馬上做出了第一個動畫。

第一個動畫

可以明顯的發現，這個動畫的交互與形狀的設置並不是很好，不過，我認識到了：用PPT動畫來演示LeetCode解題思路的確行得通！

當然，做PPT是個細緻的活，於是花了一些時間摸索PPT功能，琢磨怎麼把動畫做的更好看、思路展現的更加流暢。

「LeetcodeAnimation」的動畫是如何構思的？【一個題目變成動畫】

基本上一道LeetCode上的原題從選題到文章生成的步驟是這樣的：

從基本熟悉知識點（圖、樹、堆、棧、鏈表、哈希表、記憶搜索、動態規劃、指針法、並查集等）中每個知識點挑選出幾道經典的題目；

先自己審題、做題，然後查看網上有沒有思路更加清晰的解題方式；

加上想像力。

比如該題用到了鏈表的概念，那肯定動畫就要有鏈表的形象；

比如該題用到了滑動窗口的概念，那就需要用長方形來表示窗口。

比如該題用到了二叉樹的概念，那麼就需要構造二叉樹的圖形。

其他的一些細節調整比如動畫時間的設置、動畫出現與消失的方式，這些就需要自己耐心細緻的一幀一幀的調了。

「LeetcodeAnimation」的快樂與痛苦？【演算法動圖形成】

很多時候，一道題目的解題只花費了幾分鐘，但做齣動畫來卻要劃分一到兩個小時不等。

自己是一個在職程序員，工作也比較飽和，動畫的製作只能安排在夜深人靜的時候，在十一月份的時候經常忙活著做動畫做到凌晨一兩點。

這個過程痛快卻快樂著，畢竟，這是做自己喜歡做的事情：）

「LeetcodeAnimation」的成果

12月初，將項目放到了GitHub上面去，短短兩天登上了Trending版第一的位置。

GitHub地址：https://github.com/MisterBooo/LeetCodeAnimation

項目第一

個人排名第一

到目前位置，已經有超過6300的Star。

「LeetcodeAnimation」的長期計劃

正如我在 「LeetcodeAnimation」上寫的：我會儘力將LeetCode上所有的題目都用動畫的形式演示出來，計劃用3到4年時間去完成它，期待與你見證這一天！

所以，基本上我一到兩天都會製作一道題目的動畫，狀態好的周末，一天能做三四題：）

期間得到了很多讀者的認可，覺得這種動畫的形式大大方便了對於Leetcode的理解。

【完】

熱 文推 薦

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！