? 領取屬於你的3D GitHub Story

小蘿蔔丁發表於2021-03-05
3DGithub

最近 GitHub 為開發者帶來了一個酷炫的應用，skyline.github.com，以 3D 城市模型的方式展現 GitHub Contributions 統計圖，也去看看你的 GitHub Story 吧。

相比較平日裡在 GitHub Profile 頁看見的小綠格格來說 skyline 顯得更加酷炫直觀。

@xiaoluoboding's Skyline

skyline 支援以下幾個好用的功能：

  • 按年份渲染
  • 下載 STL 格式的檔案
  • VR 檢視（暫未嘗試）
  • 這周還加入了列印 3D 模型的功能

也有不少開發者拿到了列印後的紀念品。羨慕中 ???

題圖來自 Twitter

GitHub Contributions

GitHub Profile 頁面上預設的小綠格子，大家都很熟悉

github-contributions

值得一提的是，你也可能注意到了我的 GitHub Contributions Graph 右上角有一個按鈕，可以切換 2D/3D 模式。這個功能是一個 Chrome 擴充套件支援的，名為：[GitHub Isometric Contributions] ，你也可以安裝一個試試。效果如下：

github-contributions-3d

3D 檔案檢視器

你可能不知道的是 GitHub 支援檢視 3D 檔案，GitHub 可以託管和渲染副檔名為 .stl 的 3D 檔案。這樣一來，我們可以把 skyline.github.com 中下載的 .stl 檔案上傳到 GitHub 倉庫中。

GitHub Repo

github.com/xiaoluobodi…

xiaoluoboding-2020.stl

GitHub Gist

又或者可以使用 GitHub Gist 建立 .stl 檔案

? Tips: Gist 是支援拖拽檔案到編輯器內部的。

gist.github.com/xiaoluobodi…

skylines

我建立了 github.com/xiaoluobodi… 倉庫，將自 2013 年加入 GitHub 以來所有年份的 STL 檔案整合到一個倉庫中。編寫了一個頁面，以 Embed 嵌入的方式展現出來。你可以點選檢視

xiaoluoboding/skylines

ASCII ART

有趣的 skyline.github.com 還給開發者留一個小彩蛋，當在 skyline 頁面開啟開發者工具的時候，會發現 skyline 在控制檯為你列印了 GitHub Contributions 的 ASCII ART 版本，像這樣：


        @xiaoluoboding's 2020 GitHub Skyline         

           ✧          ▁               ✦✧    ✧        
              ✦       █  ✧ ✦     ✧              █    
                      █         ✦             ▄ █    
✦▂             ▂✦     █▆  ✧▁         ✧    ▃   █ █▄▃  
▅█▂   ▃ ☽▃▃▁▃▅▆█▂▁▅   ██ ▁ █▆▇▆▅ ▂▆▇▅▆▁▁  █▂▁ █▇███✦▁
███▁█▁█▁████████████████▅███████▅███████▁▁█████████▅█

    https://skyline.github.com/xiaoluoboding/2020     
複製程式碼

於是我又萌生了另一個想法，把 ASCII 版本的 GitHub Contributions 放在 Gist 上，然後在 GitHub Profile 頁面作為一個專案釘住，實際效果如下圖：

GitHub Profile

不過也沒有那麼好看啦。並且不是動態的，玩玩而已。

3D 列印

在網上查詢了一下，.stl 檔案確實可以用於 3D 列印，我也想收藏一個3D 列印出來的 Skyline 城市模型，以此激勵自己保持熱愛開源的心、繼續蓋更高的樓，目前還在查詢國內的3D列印服務，後續收到成品再和大家分享吧。就醬。

移動端閱讀

關注我的技術公號，同樣也可以找到本文。

原文：https://www.xlbd.me/posts/2021-03-05-get-your-github-story-in-3d.html

相關文章