パワポでゲーム！【解説編】
前回のパワポ部でご紹介した、パワポでつくったゲーム。
↓これです
今回はそのシカケを解説します。
では早速。
------------------------------
スライドの構成
------------------------------
まず最初に、このパワーポイントがどのようにスライド構成されているのかを見てみましょう。
ご覧のように、「４枚」のスライドで成り立っています。
画面内をクリックすると、スライド２に切り替わってゲームがスタート。
スライド１は、「画面切り替え」を「クリック時」に設定するだけでＯＫ。
２）ゲーム画面（スライド２）
※クリックで拡大
画面を左から右へと蛇行しながら進む赤い円。
赤い円には、画面の左外から右外まで移動する「アニメーションの軌跡」
を設定しています。
開始のタイミングは「直前の動作と同時」、継続時間は「３秒」です。
この赤い円には「ハイパーリンク」が設定してあり、
クリックすると「成功」画面（スライド４）にジャンプします。
そして、ここがポイント。
赤い円の下には画面全体を覆う「背景色の四角形」が敷いてあり、
この四角形には「失敗」画面（スライド３）にジャンプするハイパーリンクが設定してあります。
つまり、
赤い円をクリック → スライド４にジャンプ
背景の四角形（＝赤い円以外の場所）をクリック → スライド３にジャンプ
というシカケになっているわけです。
また、スライド２の「画面切り替え」は
「自動的に切り替え／切り替え時間０秒」
に設定しています。
（つまり、画面から赤い円が消えた瞬間）、
次のスライド（スライド３）＝「失敗」画面に自動的に切り替わるようになっています。
赤い円が通り過ぎてしまっても「失敗」になる、というシカケです。
３）「失敗」画面（スライド３）
※クリックで拡大
スライド２の画面いっぱいに敷かれた四角形（＝赤い円以外）をクリックすると、
このスライドにハイパーリンクでジャンプしてきます。
画面切り替えにはクイズの「不正解音」を設定しています。
また、スライド２の赤い円のアニメーションが終了した場合も、
このスライドに自動的に切り替わります。
スライドの下部には、スタート画面（スライド１）へのハイパーリンクを設定した
「戻る」ボタンを配置しています。
４）「成功」画面（スライド４）
※クリックで拡大
スライド２の赤い円をクリックすると、このスライドにハイパーリンクでジャンプします。
画面切り替えにはクイズの「正解音」を設定しています。
ちなみにスライド３、スライド４は、「戻る」ボタン以外の箇所を間違ってクリックしても次のスライドへ進まないよう、画面切り替えの「クリック時」のチェックを外しています。
スライドの下部にはスライド３同様に、スタート画面（スライド１）へのハイパーリンクを設定した
「戻る」ボタンを配置しています。
-----------------------------------
以上です。
工夫次第で、複雑なインタラクティブスライドがつくれます。
本格的なシューティングゲームなんかもｗ
↓これです
今回はそのシカケを解説します。
では早速。
------------------------------
スライドの構成
------------------------------
まず最初に、このパワーポイントがどのようにスライド構成されているのかを見てみましょう。
ご覧のように、「４枚」のスライドで成り立っています。
スライド１： 「Clickでスタート」画面
スライド２： ゲーム画面
スライド３： 「失敗」画面
スライド４： 「成功」画面
------------------------------
ゲームのシカケ
------------------------------
では、この４枚のスライドがどのように展開されるのか？
ゲームのシカケはこうなっています。
１）スタート画面（スライド１）
※クリックで拡大
画面内をクリックすると、スライド２に切り替わってゲームがスタート。
スライド１は、「画面切り替え」を「クリック時」に設定するだけでＯＫ。
２）ゲーム画面（スライド２）
※クリックで拡大
画面を左から右へと蛇行しながら進む赤い円。
赤い円には、画面の左外から右外まで移動する「アニメーションの軌跡」
を設定しています。
開始のタイミングは「直前の動作と同時」、継続時間は「３秒」です。
この赤い円には「ハイパーリンク」が設定してあり、
クリックすると「成功」画面（スライド４）にジャンプします。
そして、ここがポイント。
赤い円の下には画面全体を覆う「背景色の四角形」が敷いてあり、
この四角形には「失敗」画面（スライド３）にジャンプするハイパーリンクが設定してあります。
つまり、
赤い円をクリック → スライド４にジャンプ
背景の四角形（＝赤い円以外の場所）をクリック → スライド３にジャンプ
というシカケになっているわけです。
また、スライド２の「画面切り替え」は
「自動的に切り替え／切り替え時間０秒」
に設定しています。
（つまり、画面から赤い円が消えた瞬間）、
次のスライド（スライド３）＝「失敗」画面に自動的に切り替わるようになっています。
赤い円が通り過ぎてしまっても「失敗」になる、というシカケです。
３）「失敗」画面（スライド３）
※クリックで拡大
スライド２の画面いっぱいに敷かれた四角形（＝赤い円以外）をクリックすると、
このスライドにハイパーリンクでジャンプしてきます。
画面切り替えにはクイズの「不正解音」を設定しています。
また、スライド２の赤い円のアニメーションが終了した場合も、
このスライドに自動的に切り替わります。
スライドの下部には、スタート画面（スライド１）へのハイパーリンクを設定した
「戻る」ボタンを配置しています。
４）「成功」画面（スライド４）
※クリックで拡大
スライド２の赤い円をクリックすると、このスライドにハイパーリンクでジャンプします。
画面切り替えにはクイズの「正解音」を設定しています。
ちなみにスライド３、スライド４は、「戻る」ボタン以外の箇所を間違ってクリックしても次のスライドへ進まないよう、画面切り替えの「クリック時」のチェックを外しています。
スライドの下部にはスライド３同様に、スタート画面（スライド１）へのハイパーリンクを設定した
「戻る」ボタンを配置しています。
-----------------------------------
以上です。
工夫次第で、複雑なインタラクティブスライドがつくれます。
本格的なシューティングゲームなんかもｗ