PowerPointでゲームを作る：意外と遊べる作り方
遊びをつくる執筆にClaudeを使用しています。
「PowerPointでゲームが作れる」と聞いて、半信半疑になる人は多いはずです。プレゼンツールとしか思っていなかったソフトが、クリックで動くインタラクティブな作品になる理由は、スライド間のハイパーリンクとトリガーアニメーションという二つの仕組みにあります。コードはゼロ行でも、分岐・判定・演出のすべてをスライドの構造で表現できます。 ただし「意外と遊べる」と「本格的なゲームエンジンに近い」は別物です。この記事では、PowerPointで実際に成立するゲームの種類を整理したうえで、ハイパーリンク型とアニメーション型それぞれの具体的な作り方を手順で示します。最後に、ブラウザ公開まで持っていくための書き出し手順にも触れます。
この記事の目次
PowerPointで「遊べる」ゲームの種類を見極める
最初に知っておくべきことは、PowerPointのゲームには向き・不向きがあるという点です。無理に向かないジャンルを選ぶと、作業量が指数関数的に膨らみます。
向いているジャンル
- クイズ・選択肢型アドベンチャー（分岐をリンクで表現できる）
- 脱出ゲーム・謎解き（場面遷移とオブジェクトのクリック判定が中心）
- 神経衰弱・記憶ゲーム（トリガーアニメーションで表裏を切り替えられる）
- 双六・ボードゲーム系（マス移動を手動入力で再現できる）
- ビジュアルノベル・対話型絵本（テキストと画像の切り替えが主役）
向いていないジャンル
- リアルタイムの当たり判定が必要なアクションゲーム
- スコアを自動計算して表示するアーケード系
- セーブデータを持つRPG（変数の保存ができない）
PowerPointにはVBAマクロを使う方法もありますが、この記事ではコードなし・スライドと標準機能だけで完結する範囲に絞ります。マクロを使えばできることは増えますが、書き出したHTMLやPPTXをそのまま共有するときにセキュリティ警告が出るリスクがあり、公開用途では扱いが面倒になります。
ハイパーリンク型：クイズ・脱出ゲームの基本構造
PowerPointゲームの最も基本的な仕組みは、スライドをページではなく「場面」として扱い、オブジェクトのクリックで別のスライドへ飛ぶというものです。
構造の考え方
脱出ゲームを例にすると、スライドの割り振りはこうなります。
- タイトル画面（スライド1）
- 部屋全体の俯瞰（スライド2）
- 机に近づいた場面（スライド3）
- 引き出しの中（スライド4）
- 鍵を手に入れた後の部屋（スライド5）
- クリア画面（スライド6）
「部屋の机」という画像オブジェクトにリンクを設定し、クリックしたらスライド3へ飛ぶ——この繰り返しだけで脱出ゲームの骨格が完成します。
ハイパーリンクの設定手順
- リンクを張りたいオブジェクト（テキストボックス・図形・画像）を選択する。
- メニューの「挿入」→「リンク」（またはCtrl+K）を開く。
- 「このドキュメント内の場所」を選び、ジャンプ先のスライドを指定する。
- スライドショーで実行し、クリックで遷移することを確認する。
失敗しやすいポイント
- クリック領域が小さすぎる：図形を透明塗りで大きく敷いてリンクを設定すると、見た目を変えずにクリック範囲を広げられます。
- 誤クリックで次のスライドへ飛んでしまう：スライドの背景部分にあるデフォルトの「クリックで次へ進む」設定をオフにしておく必要があります。スライドショー設定で「クリック時に進む」のチェックを外し、すべての遷移をオブジェクトのリンクだけで制御します。
- 「戻る」ボタンを置き忘れる：各場面に「戻る」ボタンを用意しないと、プレイヤーが行き詰まります。透明な矢印図形でよいので必ず配置してください。
アニメーション型：神経衰弱とカード演出の作り方
ハイパーリンクだけでは「同一スライド内で何かが変化する」演出が作れません。そこで使うのがトリガーアニメーションです。特定のオブジェクトをクリックしたときに別のオブジェクトを表示・非表示にする仕組みで、カードをめくる、扉が開く、ヒントが浮かび上がるといった演出を実現できます。
トリガーアニメーションの設定手順
神経衰弱の「カードをめくる」動作を例にします。
- カードの裏面（青い長方形）と表面（数字や絵の書いた図形）を重ねて配置する。
- 表面のオブジェクトを選択し、「アニメーション」タブで「フェードイン」などの表示アニメーションを追加する。
- アニメーションウィンドウで、そのアニメーションの「効果の開始」を「クリック時」ではなく「トリガー」に変更する。
- トリガーの対象として「裏面の長方形」を指定する。
- 裏面の長方形にも「フェードアウト」を追加し、同じトリガーを設定する。
これで「裏面をクリック→裏面が消えて表面が現れる」動作になります。同じ要領でカードを複数枚並べれば、神経衰弱の1スライドが完成します。
アニメーション型で気をつけること
神経衰弱を完成させようとすると、「2枚めくって一致しなかったら裏に戻す」判定が必要になります。これをアニメーションだけで完全自動化することはできません。現実的な解決策は二つあります。
- プレイヤーに戻してもらう：「一致しなかったら自分でクリックして戻してください」とルール説明に書く。シンプルですがプレイとして成立します。
- VBAかJavaScriptに切り替える：自動判定が必要な場合は、最初からHTMLゲームとして作るほうがトータルの工数は少なくなります。
スライドの設計と素材で完成度が変わる
作り方の手順を覚えたあと、ゲームとしての完成度を左右するのはスライドのデザインと素材の質です。
スライドサイズはワイド（16:9）に統一する：デフォルトがすでに16:9ですが、古いファイルは4:3のことがあります。プレイ画面の見た目が崩れないよう、作り始める前にサイズを確認してください。
フォントは画像として埋め込む：別のPCや環境で開いたときにフォントが変わると、テキストの配置がずれます。テキストを「コピー→図として貼り付け」にすると見た目が固定されます。
背景は全面を埋める図形か画像にする：背景を白いまま残すと、誤クリックで「次のスライドへ進む」挙動が残りやすくなります。透明な長方形でスライド全体を覆い、そこに「何もしない」リンク（同一スライドへ戻るリンク）を設定するとリスクを下げられます。
ライセンスフリーの素材を使う：フォント・イラスト・BGMすべて、商用利用・改変条件を確認してから使います。PowerPoint標準の「ストック画像」は条件の確認が必要です。個別の利用条件は公式サイトで最新情報を確認してください。
ブラウザで公開するための書き出し手順
PowerPointで作ったゲームをブラウザで遊べる形にするには、HTMLとして書き出す方法があります。
- 「ファイル」→「名前を付けて保存」→ファイルの種類を「Webページ（.htm）」または「Webアーカイブ（.mhtml）」に変更して保存する。
- 書き出されたHTMLファイルをブラウザで開き、アニメーションとリンクが動作することを確認する。
- 問題がなければ、HTMLファイルと付随するフォルダをZIPにまとめる。
ただし、PowerPointのHTML書き出しはMicrosoft 365の更新状況によって出力品質が変わります。複雑なアニメーションやフォントは書き出し後に崩れることがあるため、必ず複数のブラウザで動作確認を行ってください。WebGLや高度なJavaScriptには変換されないため、アニメーションの再現に限界がある点も理解したうえで使います。
書き出したZIPファイルは、HTMLゲームを受け付けるプラットフォームにそのまま投稿できます。アソバースはZIPファイルの直接投稿に対応しているので、PowerPoint製のゲームも公開の選択肢に入ります。
次の行動
まずは10スライド以内の小さなクイズゲームか、3〜4場面の脱出ゲームをPowerPointで1本作りきってみてください。ハイパーリンクとトリガーアニメーションの両方を試した段階で、自分が作りたいジャンルに向いているかどうかが判断できます。HTML書き出しまで試したら、アソバース（https://aso-verse.com）へのZIP投稿で公開まで通してみると、次の課題が見えてきます。
