Menu
Flame Engine 2D 遊戲開發完整指南 - 核心、系統、模板、部署
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| schema | 1.0 |
| name | flame-game-dev |
| version | 2.2.0 |
| description | Flame Engine 2D 遊戲開發完整指南 - 核心、系統、模板、部署 |
| domain | game-development |
| triggers | {"keywords":{"primary":["flame","flame engine","flutter game","2d game flutter","FlameGame"],"secondary":["SpriteComponent","SpriteAnimationComponent","collision detection flutter","flame_audio","flame_tiled"]},"context_boost":["flutter","dart","mobile game","cross-platform game","hyper-casual","platformer","roguelike"],"context_penalty":["unity","godot","unreal","3d game"],"priority":"high"} |
| dependencies | {"prerequisites":["flutter","dart"],"related":["game-design","mobile"]} |
| author | miles990 |
Flame Engine 遊戲開發完整指南，包含核心基礎、14 個遊戲系統、3 種遊戲類型模板。
| Skill | Description | Reference Count |
|---|---|---|
| flame-core | 引擎核心基礎 | 10 references |
| flame-systems | 14 個遊戲系統 | 14 references |
| flame-templates | 遊戲類型模板 | 3 references |
components.md - 組件生命週期、類型
input.md - 觸控、鍵盤、搖桿
collision.md - 碰撞檢測、Hitbox
camera.md - 相機、HUD、視口
animation.md - 精靈動畫、Effects
scenes.md - RouterComponent、Overlays、UI
audio.md - 音效、背景音樂
particles.md - 粒子系統、特效
performance.md - 效能優化、最佳實踐
debug.md - 除錯模式、日誌
quest.md - 任務系統 achievement.md - 成就系統
dialogue.md - 對話系統 shop.md - 商店系統
localization.md - 多語言系統 crafting.md - 製作系統
inventory.md - 背包系統 procedural.md - 程序生成
paperdoll.md - 紙娃娃系統 multiplayer.md - 多人連線
combat.md - 戰鬥系統 leveleditor.md - 關卡編輯器
skills.md - 技能系統
saveload.md - 存檔系統
rpg.md - 回合制/動作 RPG
platformer.md - 橫向卷軸平台遊戲
roguelike.md - 程序生成地下城
# 基礎問題
需要了解 Flame？ → 先讀 flame-core/SKILL.md
需要特定功能？ → 根據 flame-core 索引讀取對應 reference
# 系統實作
需要任務/對話系統？ → 讀 flame-systems/references/quest.md 或 dialogue.md
需要戰鬥系統？ → 讀 flame-systems/references/combat.md + skills.md
需要存檔功能？ → 讀 flame-systems/references/saveload.md
需要多人連線？ → 讀 flame-systems/references/multiplayer.md
# 完整遊戲
要做 RPG？ → 讀 flame-templates/references/rpg.md
要做平台遊戲？ → 讀 flame-templates/references/platformer.md
要做 Roguelike？ → 讀 flame-templates/references/roguelike.md
# 部署發布
要發布遊戲？ → 參考下方「部署平台」章節
根據 Filip Hráček 的 Benchmark 測試，Flame 與其他引擎比較：
| 項目 | Flame | Unity/Godot |
|---|---|---|
| 啟動時間 | 最快 | 較慢 |
| 包體大小 | 較小 | 較大 |
| 學習曲線 | Flutter 開發者友善 | 需學習新工具 |
| 跨平台 | 一套代碼 6 平台 | 需平台適配 |
| 熱重載 | 支援 | 部分支援 |
| 項目 | Flame | Unity/Godot |
|---|---|---|
| 最大實體數 | ~數百個 | 數千個 |
| 3D 支援 | 無 | 完整 |
| 物理引擎 | 基礎 (Forge2D) | 完整 |
| 編輯器 | 無視覺化編輯器 | 完整 IDE |
flutter create my_game && cd my_game
flutter pub add flame
flutter pub add flame_audio # 選用
flutter pub add flame_tiled # 選用
import 'package:flame/game.dart';
import 'package:flutter/material.dart';
void main() => runApp(GameWidget(game: MyGame()));
class MyGame extends FlameGame with HasCollisionDetection {
@override
Future<void> onLoad() async {
camera.viewfinder.anchor = Anchor.topLeft;
// 開始建構你的遊戲！
}
}
Flame 基於 Flutter，支援多平台部署：
| 平台 | 發布管道 | 指令 |
|---|---|---|
| iOS | App Store | flutter build ios --release |
| Android | Google Play | flutter build apk --release |
| Web | itch.io / GitHub Pages | flutter build web --release |
| macOS | App Store / 獨立 | flutter build macos --release |
| Windows | Steam / 獨立 | flutter build windows --release |
| Linux | Steam / 獨立 | flutter build linux --release |
# 1. 建置 Web 版本
flutter build web --release --web-renderer canvaskit
# 2. 上傳 build/web 資料夾到 itch.io
# 3. itch.io 設置
# - Kind of project: HTML
# - Embed options: Click to launch in fullscreen
# 1. 建立 keystore
keytool -genkey -v -keystore ~/my-game.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-game
# 2. 設定 android/key.properties
storePassword=<password>
keyPassword=<password>
keyAlias=my-game
storeFile=/Users/you/my-game.jks
# 3. 建置 App Bundle
flutter build appbundle --release
# 4. 上傳 build/app/outputs/bundle/release/app-release.aab
# 1. 建置 Desktop 版本
flutter build windows --release # 或 macos / linux
# 2. 使用 Steamworks SDK 打包
# - 設定 app_build.vdf
# - 上傳到 Steam Partner
# 3. 建議加入 Steam 成就整合
# flutter pub add steamworks
flame/ (本索引)
│
├── flame-core (核心基礎)
│ └── 10 reference files
│
├── flame-systems (遊戲系統)
│ └── 14 reference files
│
└── flame-templates (遊戲模板)
└── 3 reference files
Enterprise-grade repository analysis with arc42/C4 architecture documentation, technical debt quantification, security assessment, and multi-stakeholder reporting
Claude Code Plugin 開發、發布、安裝、更新與 Marketplace 管理完整指南
Flame Engine core fundamentals - components, input, collision, camera, animation, scenes
Game development patterns, architectures, and best practices
Mobile development with React Native, Flutter, and native patterns
Flame Engine 14 game systems - quest, dialogue, inventory, combat, save/load, shop, crafting, and more