第 3部では、最初のレベルを作成する方法を学びました。このチュートリアルでは、空のレベルをゲームに変えていきます。

プラットフォーマーとは、マリオのようなゲームです。通常、プラットフォーマーにはジョイスティックで操作できるキャラクターがいて、さまざまなパズルを解くためにジャンプします。

このガイドの部分は 第3部 に基づいており、プラットフォーマースターターパックのアセットを使用してレベルを既に作成していることを前提としています。このアセットはアセットショップからダウンロードできます。

プレイヤーの追加:

まず、プレイヤーのグラフィックをオブジェクトドックに追加する必要があります。アセットライブラリのダウンロードフォルダに移動し、アニメーションされた緑の宇宙人キャラクターを見つけます。

アセットライブラリでアニメーションキャラクターをタップすると、利用可能なすべてのアニメーションサイクルが表示されます。

プレイヤーがじっと立っているときに歩いているように見えないように、「立つ」アニメーションサイクルを使用します。「立つ」アニメーションサイクルをタップして、ドックに追加します。

注: 使用しているアニメーショングラフィックに立ち位置またはアイドルサイクルがない場合は、アニメーションサイクルを長押しし、アセットメニューから「フレームを表示」を選択することで、アニメーションの単一フレームを選択できます。

オブジェクトドックにキャラクターが追加されたので、単にドックからドラッグしてシーンに入れることができます。

プレイヤーを動かす:

次に、キャラクターを動かしてジョイスティックで操作できるようにする必要があります。hyperPadは、付属の動作を使用してこのプロセスを非常に簡単にします。

まず、キャンバスにドラッグしたキャラクターをタップしてオブジェクトプロパティを開きます。

オブジェクトプロパティの「物理タブ」で、物理オブジェクトアイコン（）をタップして、キャラクターを「物理タイプ」に変更します。「動作」ボタンのすぐ下にあります。

注: 物理オブジェクトは重力の法則に従い、他のオブジェクトや力に反応します。

次に、動作ボタンをタップして動作エディタを開き、キャラクターをプレイ可能にするプロセスを開始します。

動作エディタには、上部バーに異なるカテゴリーが表示され、左側に動作があります。

アニメーションサイクルを追加したので、「アニメーション再生」動作がすでに動作キャンバスに追加されています。

「インタラクション」カテゴリーから、「 ジョイスティック操作 」動作をキャンバスにドラッグします。

この動作が追加されると、選択したジョイスティックも グローバルUIレイヤー に自動的に作成されます。すでにUIレイヤーにジョイスティックが追加されている場合は、動作がそれを自動的に使用します。

この時点で、再生を押してゲームを実行できます！ただし、プレイヤーが画面を滑っているだけに見えることに気付くかもしれません...

アニメーション:

ゲームを少し良く見せるために、プレイヤーにいくつかのアニメーションを追加しましょう。

ジョイスティックを左または右に動かすとキャラクターが歩くようにします。

これを行うには、「高度な」インタラクション動作を表示する必要があります。「インタラクション」カテゴリーの間に、「動作リスト」の下部にある「 高度な 」オプションをタップします。

「高度な」リストから、「ジョイスティック左」と「ジョイスティック右」をキャンバスに追加します。

次に、「FX」カテゴリーから「アニメーション再生」動作を追加し、ジョイスティック左と右の両方をこの新しく追加されたアニメーションに接続します。

次に、「アニメーション再生」動作をタップして、動作プロパティを表示します。

上部の最初のボックスは、アニメーションを適用したいオブジェクトです。hyperPadは現在のオブジェクトを自動的に選択します。

注: ここをタップして、シーン内の別のオブジェクトを選択することもできます。今はそれを行いたくないので、放っておきます。

次のボックスは、再生したいアニメーションを表します。再生するアニメーションがないので、空白です。

空のボックスをタップして、アニメーションを選択します。

フィルムストリップが画面の下部に表示されることに注意してください。アセットライブラリアイコンをタップして、フィルムストリップにアニメーションサイクルを追加します。

アニメーションされた「グリーンスペースマン」キャラクターに移動し、「歩行」サイクルを選択します。アニメーションの各フレームが自動的にフィルムストリップに追加されたことに注意してください。フィルムストリップを閉じるには、任意の場所をタップして、プロパティに戻ります。

注: アニメーションフィルムストリップに個々の画像やアニメーションフレームを追加することもできます。事前に作成されたアニメーションサイクルに制限されません。

次に、歩行アニメーションの動作プロパティで「アニメーションループ」をオフにします。このトグルスイッチをオフにするのは、ジョイスティック左と右が私たちのアニメーションをループするため、アニメーションはジョイスティックが左または右に動いている間だけ実行されるからです。

最後に、この動作に名前を付けて後で見つけやすくしましょう。動作プロパティから、動作名をタップします。これにより、キーボードが表示され、新しい動作名を入力できます。「歩行アニメーション」と呼びましょう。

今再生を押すと、キャラクターはジョイスティックで動き、アニメーションも再生されるはずです！

ジャンプ:

プラットフォームゲームではジャンプがなければなりません！hyperPadでは、プレイヤーがジャンプするのは簡単です。

緑の宇宙人の動作エディタにいる間に、「インタラクション」カテゴリーをタップし、動作リストから「 ボタンでジャンプ 」動作をドラッグします。ジョイスティック操作動作と同様に、ボタンでのジャンプは、オブジェクトの多くの動きを処理し、自動的に グローバルUIレイヤー にボタンを追加します。

ジャンプ動作をタップして、そのプロパティを表示できます。ジャンプ動作プロパティから、再生する音やジャンプの力などの設定を変更できます。このチュートリアルでは、すべて同じままにしておきますが、力だけを変更します。

私は、 18 の力を設定して、 第3部 で作成したレベル内のすべての障害物をジャンプできるようにしました。独自のレベルを設計した場合は、ジャンプの値を調整する必要があるかもしれません。

今再生を押すと、プレイヤーが走り回ってジャンプするのが見えます。ただし、キャラクターが空中でジャンプ中も歩き続けることに気づいたかもしれません…これを修正しましょう！

ジャンプ中にアニメーションを再生しましょう。

「インタラクション」カテゴリーから「接触開始」動作を追加し、次に追加した動作をタップしてプロパティを表示します。

次に、ジャンプボタンに接触したときのみ動作するように、動作を変更する必要があります。「接触開始」動作プロパティから、上部のボックスにある宇宙人のグラフィックをタップします。

これにより「オブジェクトセレクター」画面に移動します。ここからシーン内の任意のオブジェクトまたはUI要素を選択できます。ボタンを選択できないかもしれません。これは、緑の宇宙人が メインレイヤー にあり、ボタンが グローバルUIレイヤー にあるためです。画面右側のレイヤーバーから「 グローバル UI 」レイヤーをタップします。これでボタンを選択できます。