メタディスクリプション（検索結果に表示される 140 文字前後）
ドット絵×星空スクロールがおしゃれな HTML5 インベーダーゲーム「Pixel Star Invaders」。WordPress のカスタム HTML ブロックにコードを貼るだけで PC・スマホ両対応。操作方法・アイテム連射パワーアップ・設置手順を詳しく解説します。

---

この記事でわかること　<!-- SEO：冒頭で検索ニーズを要約 -->

• WordPress 記事に ミニゲームを埋め込む方法
• Pixel Star Invaders（インベーダーゲーム風 HTML5 シューティング）の操作方法
• 連射が加速する パワーアップアイテム の取り方と高得点のコツ
• ページ滞在時間アップにつながる SEO 観点のメリット

---

Pixel Star Invaders とは？

Pixel Star Invaders は、
外部ライブラリなし・10 KB 未満の軽量コードで動く レトロドット絵シューティング。

特長	詳細
1 ファイル完結	<canvas> と JavaScript を 1 ブロックにまとめた HTML5 ゲーム
PC / スマホ両対応	キーボード＆タッチ操作を同時サポート
星空スクロール背景	80 年代アーケード感を演出
アイテムで連射パワーアップ	通常敵が 15 % で落とす“キラキラ”取得で 8 秒間連射速度 2 倍
大型ボス	HP バー付きの赤いスプライト。撃破で 1,000 点＆次ステージへ

---

インベーダーゲーム HTML5 の操作方法 <a id="howto"></a>

デバイス	移動	攻撃	連射アップアイテム
PC	← → キー（A / D も可）	Space キー	通常敵が稀に落とす水色アイテムを接触取得
スマホ	画面ドラッグで左右	指を離す（タップ終了）	片手で楽々プレイ。パワーアップ中は自動連射

ゲームオーバー条件
敵が 1 体でも画面下端に到達すると即終了。Retry ボタンで再挑戦できます。

---

高得点を狙う攻略ポイント

1. 開幕と同時にパワーアップを狙う

• 連射パワーアップ中は 弾クールダウンが 0.25 → 0.12 秒。
• 通常敵を倒した直後に水色アイテムが落ちるので、すかさず自機を合わせて取得！

2. ボス HP 半減後が勝負

• HP バーが半分を切ると落下速度アップ。
• パワーアップを温存しておけば短時間で撃破でき、被弾リスクも激減。

3. ステージ移行後に敵速度を再確認

• ステージクリアごとに 出現間隔が 0.1 秒短縮、速度も上昇。
• 画面中央よりやや上で敵を迎え撃つと被弾を避けやすい。

---

ブログに埋め込むメリット（SEO 観点）

効果	理由
平均滞在時間↑	記事内で実際に遊ぶため 60 秒以上滞在しやすい
直帰率↓	ゲームに興味を持つ → 他ページも閲覧する “回遊” が増える
SNS シェア↑	「WordPress で遊べるインベーダーゲーム」という話題性
被リンク獲得	コードを自由に再利用できる MIT ライセンスを明示すると他ブログから紹介されやすい

Google はユーザー体験（UX）を評価指標として重視します。
ページエンゲージメントを高めるミニゲームは、E-E-A-T 強化にもつながる施策です。

---

WordPress への設置 3 ステップ

1. カスタム HTML ブロックを追加
2. 公開コードを Ctrl + A → Ctrl + C でコピー＆ペースト
3. プレビュー／公開ページで動作確認（エディタはビジュアルモードに戻さない）

WordPress.com 無料プランの場合 <script> が削除されるため、<br>自己ホスト版またはビジネスプラン以上を推奨。

---

まとめ

• Pixel Star Invaders は「貼るだけ」で設置完了の HTML5 インベーダーゲーム
• 操作はシンプル、連射パワーアップやボス戦で 奥深さも◎
• ブログ滞在時間が延び、SEO 指標改善も期待できる