XNA Game Studio Express 入門：以 Spacewar Starter Kit 為例打造專屬防護罩功能與自訂圖形

XNA Game Studio Express 簡介

XNA Game Studio Express 建構於 Visual C# 2005 Express Edition 之上，提供跨平台 (Windows / Xbox 360) 的 managed 遊戲開發框架。核心優勢：

• Game 類別：內建計時/繪圖迴圈，覆寫 Update (邏輯) 與 Draw (繪圖) 即可。
• Content Pipeline：將模型、貼圖、音效等素材整合至建置流程，編譯為執行期物件，減少載入樣板碼。
• XACT 音訊工具：圖形化編輯聲音提示與混音。

Spacewar Starter Kit 架構解析

啟動專案範本「Spacewar Windows Starter Kit」可見核心類別：

• SpacewarGame：繼承 Game，管理狀態機 (Logo、選單、遊戲中、勝利)。
• Screen 抽象基類：代表一個繪圖單元 (標題畫面、選單、遊戲關卡)。
• SpacewarScreen：實際遊戲畫面基類，包含雙飛船、子彈、粒子、太陽、背景等 SceneItem。
• Ship：玩家飛船，處理輸入、移動、無敵、超空間跳躍等狀態。

實作防護罩功能 (修改 Ship.cs)

1. 新增狀態欄位

private bool inShield;        // 防護罩啟動中
private bool shieldUsed;      // 本回合已使用
private double exitShieldTime; // 剩餘時間
private const double shieldTime = 5.0; // 持續 5 秒

2. 公開唯讀屬性供畫面判斷

public bool Shield => inShield;

3. Update 邏輯：輸入觸發與計時器

// 在 Update 方法中，處理輸入 (X 鍵 / 手把 X 鍵)
if (XInputHelper.GamePads[player].XPressed && !shieldUsed) {
    inShield = true;
    shieldUsed = true;
    exitShieldTime = shieldTime;
    Sound.PlayCue(Sounds.PhaseActivate);
}

// 計時器倒數
if (inShield) {
    exitShieldTime -= elapsedTime.TotalSeconds;
    if (exitShieldTime <= 0) {
        inShield = false;
        Sound.PlayCue(Sounds.PhaseExpire);
    }
}

4. Draw 繪製：3D 位置投影至 2D 畫面中心繪製半透明綠色圓形貼圖

if (inShield && evolved) {
    var texture = SpacewarGame.ContentManager.Load(Settings.MediaPath + "textures\\circle");
    batch.Begin(SpriteBlendMode.AlphaBlend);
    // 3D 世界座標投影至螢幕 2D
    var loc = device.Viewport.Project(position, Camera.Projection, Camera.View, Matrix.Identity);
    batch.Draw(texture,
        new Vector2(loc.X - texture.Width/2, loc.Y - texture.Height/2),
        null,
        new Color(new Vector4(0, 1, 0, 0.5f)), // 半透明綠
        0f,
        new Vector2(texture.Width/2, texture.Height/2),
        (3f * (float)Math.Abs(Math.Cos(exitShieldTime))) + 2f, // 震動縮放特效
        SpriteEffects.None, 0f);
    batch.End();
}

修改 SpacewarScreen.cs：碰撞判定忽略傷害

// HitPlayer2 開頭
if (ship2.Shield) {
    Sound.PlayCue(Sounds.WeaponPickup); // 彈開音效
    return;
}
// HitPlayer1 同理

Content Pipeline 實戰：自訂遊戲背景貼圖

1. 方案總管 → Content/Textures → 開啟 B1_nebula01.tga 屬性，查看 Content Importer、Content Processor、Asset Name。
2. 使用 Paint.NET 等工具編輯 .tga 檔 (調整色相/飽和度)。
3. 儲存後按 F5 執行，Content Pipeline 自動偵測變更、重建素材、部署至裝置，遊戲背景即時更新。

進階發想

• 防護罩反射子彈：碰撞時計算反射向量、反向傷害。
• 防護罩衝擊波：結束時對周圍敵人造成傷害。
• 自訂著色器 (HLSL) 實現更炫酷的能量盾視覺效果。