https://William-Weng.github.io/tags/build/ Recent content in Build on William-Weng Hugo -- gohugo.io zh-TW Sun, 23 Aug 2026 13:05:42 +0800 https://William-Weng.github.io/2026/08/aseprite%E6%83%B3%E5%81%9A2d%E5%83%8F%E7%B4%A0%E9%81%8A%E6%88%B2%E5%97%8E%E4%B8%80%E8%B5%B7%E4%BE%86%E7%B7%A8%E8%AD%AF%E5%A5%BD%E5%B7%A5%E5%85%B7%E5%90%A7%E4%B8%8D%E7%94%A8%E9%8C%A2/ Sun, 23 Aug 2026 13:05:42 +0800 https://William-Weng.github.io/2026/08/aseprite%E6%83%B3%E5%81%9A2d%E5%83%8F%E7%B4%A0%E9%81%8A%E6%88%B2%E5%97%8E%E4%B8%80%E8%B5%B7%E4%BE%86%E7%B7%A8%E8%AD%AF%E5%A5%BD%E5%B7%A5%E5%85%B7%E5%90%A7%E4%B8%8D%E7%94%A8%E9%8C%A2/ <p><a href="https://www.aseprite.org/"><code>Aseprite</code></a> 是一款專門用來創作像素藝術 (Pixel Art) 與 2D 像素動畫的知名繪圖軟體。許多獨立遊戲開發者與像素畫家都會用它來繪製遊戲角色、場景和動態影格。所以您可以到<a href="https://www.aseprite.org/buy/">官網</a>購買，大約NT.400元左右，工欲善其事，必先利其器其器嘛；不過呢，它可是有開放原始碼的，所以…可以自己編譯喲，但…不可以拿去賣…</p> <p><figure> <picture> <img loading="lazy" decoding="async" alt="" class="image_figure image_internal image_unprocessed" src="https://William-Weng.github.io/images/2026/aseprite-build/demo.png" /> </picture> </figure> </p> <h2 id="作業環境">作業環境</h2> <table> <thead> <tr> <th>項目</th> <th>版本</th> </tr> </thead> <tbody> <tr> <td><a href="https://www.apple.com/tw/os/macos/">macOS</a></td> <td>Tahoe 26.5.2</td> </tr> <tr> <td><a href="https://developer.apple.com/xcode/">Xcode</a></td> <td>26.6</td> </tr> <tr> <td><a href="https://sites.google.com/view/brew-macos-install">Homebrew</a></td> <td>6.0.18</td> </tr> <tr> <td><a href="https://cmake.org/">cmake</a></td> <td>4.4.2</td> </tr> <tr> <td><a href="https://cmake.org/cmake/help/latest/generator/Ninja.html">ninja</a></td> <td>1.13.2</td> </tr> </tbody> </table> <h2 id="官網購買">官網購買</h2> <p>您可以支持一下好軟體，到<a href="https://www.aseprite.org/buy/">官網</a>用 NT.400 購買，下載就可以了，方便快速…</p> <p><figure> <picture> <img loading="lazy" decoding="async" alt="" class="image_figure image_internal image_unprocessed" src="https://William-Weng.github.io/images/2026/aseprite-build/buy.png" /> </picture> </figure> </p> <h2 id="github下載">Github下載</h2> <p>當然，這篇文的<a href="https://natsucamellia.net/compiling-aseprite-on-arm64-mac/">目的</a>，就是要自己編譯…</p> <ul> <li>先到該<a href="https://github.com/aseprite/aseprite">倉庫</a>下載原始碼，筆者這裡下載的是<a href="https://github.com/aseprite/aseprite/releases/download/v1.3.18.2/Aseprite-v1.3.18.2-Source.zip">v1.3.18.2版</a>，然後解壓縮…</li> </ul> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-html" data-lang="html"><span style="display:flex;"><span>https://github.com/aseprite/aseprite/releases </span></span></code></pre></div><p><figure> <picture> <img loading="lazy" decoding="async" alt="" class="image_figure image_internal image_unprocessed" src="https://William-Weng.github.io/images/2026/aseprite-build/source.png" /> </picture> </figure> </p> <ul> <li> <p>然後到App Store下載安裝Xcode，它就是一個免費程式碼的編譯工具… <figure> <picture> <img loading="lazy" decoding="async" alt="" class="image_figure image_internal image_unprocessed" src="https://William-Weng.github.io/images/2026/aseprite-build/xcode.png" /> </picture> </figure> </p> </li> <li> <p>接下來用<a href="https://iterm2.com/">終端機</a>輸入命令，進入到Aseprite目錄後，使用homebrew安裝<code>cmake</code> + <code>ninja</code>…</p> </li> </ul> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>cd Aseprite-v1.3.18.2-Source </span></span><span style="display:flex;"><span>brew install cmake ninja </span></span></code></pre></div><p><figure> <picture> <img loading="lazy" decoding="async" alt="" class="image_figure image_internal image_unprocessed" src="https://William-Weng.github.io/images/2026/aseprite-build/cmake.png" /> </picture> </figure> </p> <ul> <li>再來就是編譯了，中間它還會下載一個叫<a href="https://github.com/aseprite/skia"><code>skia</code></a>的工具，建立好<code>build</code>資料夾，執行命令吧…</li> </ul> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>mkdir build </span></span><span style="display:flex;"><span>./build.sh </span></span></code></pre></div><video width="50%" controls> <source src="https://William-Weng.github.io/images/2026/aseprite-build/build.mp4" type="video/mp4"> </video> <ul> <li> <p>編譯好之後，在<code>build/bin</code>資料夾下就可以看到執行檔了… <figure> <picture> <img loading="lazy" decoding="async" alt="" class="image_figure image_internal image_unprocessed" src="https://William-Weng.github.io/images/2026/aseprite-build/build.png" /> </picture> </figure> </p> </li> <li> <p>趕快來試試看能不能啟動吧… <figure> <picture> <img loading="lazy" decoding="async" alt="" class="image_figure image_internal image_unprocessed" src="https://William-Weng.github.io/images/2026/aseprite-build/aseprite.png" /> </picture> </figure> </p>