Spritix
  • 功能
  • 價格
    • Prepare a Character for Single or Eight-Direction AnimationPrepare a Character for Single or Eight-Direction Animation
    • Import a Spritix Sprite Sheet into GodotImport a Spritix Sprite Sheet into Godot
    • Refine Animation Loops Without Starting OverRefine Animation Loops Without Starting Over
    • How to Create and Export Character Animations in SpritixHow to Create and Export Character Animations in Spritix
    • Luna Animation Case Study: One Character, Five ActionsLuna Animation Case Study: One Character, Five Actions
    • Spritix Export Formats: Sprite Sheet, GIF, Atlas JSON, and PNG FramesSpritix Export Formats: Sprite Sheet, GIF, Atlas JSON, and PNG Frames
    • 更多文章
    • 關於我們
      瞭解更多關於我們的公司、使命和價值觀
    • 聯絡我們
      與我們的團隊聯絡,以獲取支援或諮詢
    • Cookie 政策
      關於我們如何在網站上使用 Cookie 的資訊
    • 隱私政策
      關於我們將如何保護和處理您在網站上的資料
    • 服務條款
      關於您與我們公司之間的法律協議和條款
登入註冊
X (Twitter)
Spritix

Sprite Sheet Maker

用 Sprite Sheet Maker 從角色圖片或文字描述生成 2D 遊戲動畫,再匯出精靈圖。

上傳圖片描述你的角色…一位手持木劍的森林小騎士

Sprite Sheet Maker 範例

Sprite Sheet Maker 範例
Luna 行走精靈圖預覽

Luna · 行走

25 格 · 5 × 5 網格

Luna 行走動畫預覽
開啟原始 PNG

原始 PNG:4,800 × 4,800 px · 每格 960 px

Luna 製作案例

Sprite sheet 製作流程

  1. Luna 角色原圖
    01

    準備角色

    在 Studio 上傳角色圖片,或用文字描述角色。

  2. Luna 奔跑動畫的其中一格
    02

    生成動畫

    選擇行走、奔跑或攻擊等動作,預覽生成結果。

  3. Luna 奔跑動畫匯出的精靈圖
    03

    匯出精靈圖

    設定影格數與尺寸,然後下載檔案。

Sprite Sheet Maker 匯出設定

Luna 行走精靈圖:25 格依 5 × 5 網格排列
5 × 5 · 25 格每格 960 × 960 px
Sprite Sheet Maker 匯出設定
設定Studio 輸出規格
影格數 / 網格4 / 2×2 · 16 / 4×4 · 25 / 5×5 · 49 / 7×7 · 64 / 8×8
影格尺寸統一正方形格子 · MAX 依來源尺寸
影格順序由左至右,再由上至下
背景透明 PNG
格子間距0 px · 固定正方形網格
播放調整速度 · 起始影格 · 裁剪

可用的影格數與尺寸取決於帳號的使用權限。

匯出格式

Studio 匯出面板,提供 PNG、GIF、Atlas JSON 與 Frames ZIP

精靈圖 PNG

將動畫影格排列在一張透明紋理中,供引擎依網格切割。

動態 GIF

用來檢查與分享動作的動畫預覽。

圖集 JSON

以 Spritix JSON 格式儲存影格座標與時間資訊。

逐格 ZIP

包含獨立編號的 PNG,方便編輯或逐格匯入。

閱讀完整匯出指南

在遊戲引擎中使用

Unity 切割精靈圖

將 Sprite Mode 設為 Multiple,再依格子尺寸或數量切割。

閱讀指南

Godot 建立動畫

將精靈圖加入 SpriteFrames,依網格順序選取影格。

閱讀指南

GameMaker 匯入

使用 Import Strip,並匹配格子尺寸與影格數。

閱讀指南

Phaser 設定

設定 frameWidth 和 frameHeight,再配置動畫。

閱讀指南

Sprite Sheet Maker 製作建議

依動作選擇影格數

使用 Sprite Sheet Maker 時,先決定遊戲需要的動作,再依實際播放速度選擇影格數。短暫待機與快速攻擊需要的姿態數可能不同。格子尺寸相同時,增加影格數會增大紋理面積,卻不保證動作更好。分別檢查預備動作、接觸瞬間與收勢,確認在玩家實際看到的尺寸下仍能理解動作。

依遊戲顯示尺寸檢查

匯出大型紋理前,先依遊戲中的顯示尺寸檢查角色。影格尺寸包含姿態周圍的透明留白。統一網格不代表每格中可見角色的高度相同。比較頭、腳與裝備的位置;如果細節消失,先檢查輪廓與動畫,不要認為提高解析度就能恢復缺失的細節。

檢查循環銜接

重複播放的動作要將結尾與開頭接起來看,觀察腳的位置、身體高度與裝備是否突然跳動。匯出前使用 Studio 的裁剪、起始影格與速度調整,並在引擎中維持相同順序。奔跑通常循環,跳躍或攻擊可能只播放一次,應依動作選擇播放方式。

先在引擎驗證一個動作

準備整套角色動作前,先匯入一個動作。匹配格子尺寸、網格與影格順序,在實際場景背景上檢查動畫。分別用明暗背景檢查透明邊緣。流程需要座標與時間檔案時,將它們與 PNG 一起保存。匯入驗證通過後,再將設定套用到其他動作,並逐一檢查結果。

Sprite Sheet Maker 常見問題

什麼是精靈圖?

精靈圖也稱 sprite sheet,是將多個動畫影格放在一張圖片中的素材。引擎依序以指定速度播放選取的影格。

沒有圖片也能使用 Sprite Sheet Maker 嗎?

可以。在 Studio 用文字描述角色,確認生成結果後,再生成動作並匯出影格。

可以合併現有 PNG 或將 GIF 轉成精靈圖嗎?

不可以。這個頁面連到 Studio 的角色動畫製作流程,不提供現有 PNG 拼接或 GIF 轉圖功能。

應該選哪種匯出格式?

網格紋理選 PNG,預覽選 GIF,影格座標與時間資訊選 JSON,獨立影格選 ZIP。Spritix JSON 可能需要轉換才能適用於你的引擎,多方向包以 ZIP 下載。

Sprite Sheet Maker 可以免費使用嗎?

範例可以免費查看。Studio 生成會使用點數,製作用檔案下載依帳號權限開放;開啟 Studio 不會自動開始付費生成。

如何檢查匯出結果?

將下載的 PNG 與動畫預覽比較,並放到目標引擎中播放。檢查輪廓、裝備、影格順序與節奏;Spritix 提供素材,遊戲內的播放行為由引擎控制。

Spritix

用 AI 精靈圖生成器,將一張角色圖變成一致、可直接用於遊戲的動畫資產。

GitHubGitHubXX (Twitter)DiscordYouTubeYouTubeEmail
產品
  • Sprite Sheet Maker
  • 功能
  • 價格
  • 常見問題
資源
  • 部落格
公司
  • 關於我們
  • 聯絡我們
  • Crunchbase
  • G2 使用者評價
法律
  • Cookie 政策
  • 隱私政策
  • 退款政策
  • 服務條款
🇺🇸English🇧🇷Português (Brasil)🇰🇷한국어🇯🇵日本語🇫🇷Français🇩🇪Deutsch🇮🇹Italiano🇪🇸Español🇨🇳繁體中文🇨🇳简体中文
© 2026 Spritix All Rights Reserved.