アニメーションタイルの紹介

[Bellamy-GGG]

タイルに動きを加えたいですか？

このチュートリアルでは、その方法を解説します！
アニメーションタイルの作成方法を学ぶために、以下の手順に従ってください。

前提条件:

• タイルシート画像を標準的なタイルレイアウトで用意しており、アニメーション化するタイルが隣接していることが望ましいです。このチュートリアルでは以下のタイルシートを使用します：

  

• タイルシートがAction Game Makerプロジェクトに追加されており（FileSystemアセットブラウザに表示されている）。

• このタイルシート用に新しいタイルセットを作成した、または既存のタイルセットにタイルシートを追加した。

• タイルの基本的な知識を持っている（例：以下のガイドを参照した）：
  Tutorial: Graphics Course #1 – Backgrounds and Tiles - GGG-Administrator の #5

手順

1. FileSystemタブから、アニメーション化したいタイルシートで構成されたタイルセットを選択します。

   

2. タイルソースパネル内で「選択」機能を選択し、ベースとなるタイルをクリックします。デフォルトUIを使用している場合、緑色の枠でハイライトされます。

   

3. 「選択」パネルを下にスクロールし、「アニメーション」セクションを見つけ、その中の「フレーム」サブセクションを開きます。

   

チェックポイント:
「明るいタイル」と表示されている場合、それはAction Game Makerがすでに有効なタイルとして定義したものになります。タイルがグレーアウトしている場合は、まだタイルとして定義されていません。

アニメーションを作成するには、すべてのアニメーションフレームとして使用するタイルがグレーアウトされていることを確認してください。
タイルを右クリックすることで、タイル設定を削除できます！

4. 次に「要素を追加」をクリックして、アニメーションの2番目のフレームを追加します。

   

5. Action Game Makerは、自動的にベースタイルの隣にあるタイルをアニメーションフレームとして検出し追加します。アニメーションが完成するまで、タイルを追加し続けます。

   

注意：次のタイルがベースタイルの下にある場合、タイルは縦方向に追加されます。システムが次の行に移動する前に右方向にどれだけ探すかを「列」オプションで設定してください。このサンプルでは2列を使用しています。

6. タイルの選択が完了したら、正しく動作しているか確認します。進捗を保存し、タイルを任意のシーンに配置します。

   

7. 設定が正しければ、エディタのプレビューパネルでタイルがアニメーション表示されるはずです！

以上です！

Action Game Makerでアニメーションタイルの設定が完了しました！次に進むには、必要に応じてフレームのタイミングを調整してください。楽しい制作を！