【Unity道場 幕張スペシャル3】「Playground」を魔改造！? ゲームデザイン授業への活用
1 like1,441 views
2019/9/14に開催されたUnity道場 幕張スペシャル3 -Education編-の講演スライドです。 講師：安原広和（ユニティ・テクノロジーズ・ジャパン合同会社／東京工科大学メディア学部） Unityのイベント資料はこちらから：https://www.slideshare.net/UnityTechnologiesJapan/clipboards
![29
using UnityEngine;
using System.Collections;
[AddComponentMenu("Playground/Attributes/Health System")]
public class HealthSystemAttribute : MonoBehaviour
{
public int health = 3;
private UIScript ui;
private int maxHealth;
// Will be set to 0 or 1 depending on how the GameObject is
tagged
// it's -1 if the object is not a player
private int playerNumber;
public ParticleSystem deathEffect;
private void Start()
{
// Find the UI in the scene and store a reference for later use
ui = GameObject.FindObjectOfType<UIScript>();
// Set the player number based on the GameObject tag
switch(gameObject.tag)
{
case "Player":
playerNumber = 0;
break;
case "Player2":
playerNumber = 1;
break;
default:
PlayerNumber = -1;
break;
}
// Notify the UI so it will show the right initial amount
if(ui != null
&& playerNumber != -1)
{
ui.SetHealth(health, playerNumber);
}
maxHealth = health;
//note down the maximum health to avoid going over it when the player
gets healed
}
// changes the energy from the player
// also notifies the UI (if present)
public void ModifyHealth(int amount)
{
//avoid going over the maximum health by forcin
if(health + amount > maxHealth)
{
amount = maxHealth - health;
}
health += amount;
// Notify the UI so it will change the number in the corner
if(ui != null
&& playerNumber != -1)
{
ui.ChangeHealth(amount, playerNumber);
}
//DEAD
if(health <= 0)
{
deathEffect.transform.position = this.transform.position;
deathEffect = Instantiate(deathEffect);
deathEffect.Play();
Destroy(gameObject);
}
}
}
「HealthSystemAttribute」に
①、②の青い部分を付け足しました
爆発パーティクルを入れられるようにして
HPが「０」になった時にパーティクルをPlay()させます
２
１
このように数行を書きたすだけです
どのくらいの改造なのかといえば・・](https://image.slidesharecdn.com/190914unitydojohirokazuyasuhara-190919105400/85/Unity-3-Playground-29-320.jpg)
【Unity道場 幕張スペシャル3】「Playground」を魔改造！? ゲームデザイン授業への活用
- 1. 1
- 2. 2 - Education編 - Unity道場 幕張スペシャル 「Playground」を魔改造！? ゲームデザイン授業への活用 Unity Technologies Japan合同会社/ 東京工科大学メディア学部特任准教授 安原広和 （この講演スライドは後ほどアップされます）
- 5. 5 ・ 使い勝手の良い、「スクリプト」が用意されている 「Playground」を演習に使おうと思った動機 ・ グラフィックのアセットが用意されている （同じ素材の、使い方の違いを参加者同士が比較しやすい） ・ Unityをはじめて触れる学生にも有効 ・ 学生に「Unity２D」に触れる機会をつくる （下からは当たらないプラットフォームなど、２D独特のエフェクターなど） 31種類
- 8. 8 「Playground」にはあらかじめ、作例が6種類用意されています 「Roguelike」 「Defender」 「Adventure」「FootBall」 「Maze」 「Lander」
- 16. 16 Unity「Playground」の強み その場で２Dゲーム(?)を作って動かせる！ ・ 学齢期の子どもや初心者の興味を惹きやすい！ ・ プログラムの教育に欠かせない即時性 ・・できるかも ２、 実際の授業について
- 20. 20 90分授業の時間配分 授業の解説資料とC#スクリプトとは事前に学内サーバーに上げておきました 25~35分 ： 提出された課題の各自発表と評価 20~30分 ： 資料を見ながらゲームデザインの講義 30~45分 ： 各自がUnityで実習、質問 3分 ： 来週までの課題の説明
- 22. 22 第1回 「Playgroundのインストール」 エディターの操作 傾ける ゴールを置く ゴール表示 第2回 「Game Overの表示」 当たってはいけないオブジェクト 上から落ちてくるオブジェクト 第3回 「Platform」 下からすり抜ける床 ベルトコンベア 浮力 流体 磁力 斥力 リプレイをつくる 第4回 「Joint」 「キー操作」 ２Dのジョイント各種 単純なキー操作 第5回 「キーを押す Push」 キーを押すだけで「様々な動き」を作る 第6回 「Shooter」 何かを撃ちだす 撃つことからの創造 第7回 「UI」 スコア 集めた数の表示 アイテム ＝ 壊すもの 第8回 「エネミーの動き」 エネミーはあそび相手 動きでつくるあそび 第9回 「リソース」 コイン消費 説明の表示 報酬の獲得 アイテムでつくるあそび 第10回 「制限」 武器 残弾数 はまりをなくすための救済策 第11回 「持つ運ぶ投げる、そしてアニメーション」 Animatorの使い方 第12回 「攻撃するエネミー」 コルーチン オブジェクト間のフラグの受け渡し 第13回 「索敵」 索敵範囲 追跡攻撃するエネミー 危険を知らせるアニメーション 第14回 「索敵・トップダウンヴュー」 巡回パトロール 防具の装備 第15回 「カウントダウンとゲージ」 さまざまなアイテムによるリソース管理
- 23. 23 第1回 「Playgroundのインストール」 第2回 「Game Overの表示」 第3回 「Platform」 第4回 「Joint」 「キー操作」 第5回 「キーを押す Push」 第6回 「Shooter」 第7回 「UI」 第8回 「エネミーの動き」 第9回 「リソース」 第10回 「制限」 第11回 「持つ運ぶ投げる、そしてアニメーション」 第12回 「攻撃するエネミー」 第13回 「索敵」 第14回 「索敵・トップダウンヴュー」 第15回 「カウントダウンとゲージ」 「Playground」 「Playground」ちょっと変更 「Playground」＋足しました 「Playground」・・なのかな？ 「Unity」って・・C#便利ですね 「Unity」です 始めは「Playground」提供のアセットで前期すべてをやり抜くつもりだった・・
- 24. 24 第1回 「Playgroundのインストール」 エディターの操作 傾ける ゴールを置く ゴール表示 第2回 「Game Overの表示」 Tag 当たってはいけないオブジェクト 上から落ちてくるオブジェクト 各回に使用したスクリプトと内容 ・ 「ゴールオブジェクト」に当たったら、「Goal」サインをOnにする いわゆる「ピタゴラ装置」 ・ 「Killエリア」に入ったら、「GameOver」サインをOnにする ・ 「当たってはいけない」オブジェクトを出現させて落下させます
- 25. 25 第3回 「Platform」 下からすり抜ける床 ベルトコンベア 浮力 流体 磁力 斥力 リプレイをつくる ・ Unityの「Physics2D」機能を使ってみる （「Playground」とは直接関係のないものです） ・ 「リプレイ」のスクリプトをつくる 学生の課題として、つくったシーンを提出してもらったのですが、毎週15本のゲーム作品を 採点するのが大変だったので、すべての作例に「リプレイ」機能を必須としました
- 26. 26 第4回 「Joint」 「キー操作」 ２Dのジョイント各種 上下左右、 単純な押すだけのキー操作 ・ 単純なキー操作でプレイヤーが能動的にオブジェクトを動かす 「プレイヤー」の出現！ 第5回 「キーを押す Push」 キーを押すだけで「様々な動き」を作る ・ 断続的なキー操作で動きを制御する ・ ほかの「Joint」などと組み合わせる 学生がUnity2019インストールして動かなくなる事案発生！
- 27. 27 ・ 決められた範囲の角度だけ回転するように改造 第6回 「Shooter」 何かを撃ちだす 撃つことでつくる 撃ちだす方向を変える Jump ・ ジャンプするキャラクター 「もっと能動的に動かしたい！」という学生の要望 「ジャンプ」して攻撃するキャラクターの誕生 弾撃ちたいです
- 28. 28 ・ 「Health」が０になった時に爆発エフェクトを出すように改造 第7回 「UI」 スコア加算 集めた数の表示 アイテム を集める ・ アイテムを取った時に効果エフェクトを出すように改造 ・ エネミーオブジェクトのHP
- 29. 29 using UnityEngine; using System.Collections; [AddComponentMenu("Playground/Attributes/Health System")] public class HealthSystemAttribute : MonoBehaviour { public int health = 3; private UIScript ui; private int maxHealth; // Will be set to 0 or 1 depending on how the GameObject is tagged // it's -1 if the object is not a player private int playerNumber; public ParticleSystem deathEffect; private void Start() { // Find the UI in the scene and store a reference for later use ui = GameObject.FindObjectOfType<UIScript>(); // Set the player number based on the GameObject tag switch(gameObject.tag) { case "Player": playerNumber = 0; break; case "Player2": playerNumber = 1; break; default: PlayerNumber = -1; break; } // Notify the UI so it will show the right initial amount if(ui != null && playerNumber != -1) { ui.SetHealth(health, playerNumber); } maxHealth = health; //note down the maximum health to avoid going over it when the player gets healed } // changes the energy from the player // also notifies the UI (if present) public void ModifyHealth(int amount) { //avoid going over the maximum health by forcin if(health + amount > maxHealth) { amount = maxHealth - health; } health += amount; // Notify the UI so it will change the number in the corner if(ui != null && playerNumber != -1) { ui.ChangeHealth(amount, playerNumber); } //DEAD if(health <= 0) { deathEffect.transform.position = this.transform.position; deathEffect = Instantiate(deathEffect); deathEffect.Play(); Destroy(gameObject); } } } 「HealthSystemAttribute」に ①、②の青い部分を付け足しました 爆発パーティクルを入れられるようにして HPが「０」になった時にパーティクルをPlay()させます ２ １ このように数行を書きたすだけです どのくらいの改造なのかといえば・・
- 30. 30 ・ パトロール 第8回 「エネミーの動き」 エネミーはあそび相手 動きでつくるあそび プラットフォームに付ければエレベータなども作ることが可能 ・ wonder ランダムに動き回る エフェクトなどにも利用 ・ 追いかける エネミー以外のものに入れることも考える ・ 回転 完全に違うスクリプトをつくりました 回転中心が決められないため「位置決め」が難しい
- 31. 31 ・ 集めたリソース量を表示する ・ 当たると、「吹き出し」に情報が表示される 第9回 「リソース」 コイン消費 説明の表示 報酬の獲得 アイテムでつくるあそび ・ エリアに入ると、リソースが「消費」される （買い物） ・ HPが０になると、爆発してアイテムが表示されるように改造しました 「Playground」のリソース・UI関連の スクリプトは改編が難しい システムの根っこの部分で 関連しあってるためクラスだけを 書き換えても動かなくなります
- 32. 32 ・ 「Shooter」を改造して、弾数の制限を加えました 第10回 「制限」 武器 残弾数を制限したあそび はまりをなくすための救済策 回数制限のある攻撃 失敗しても救済策のある仕組み
- 33. 33 第11回 「持つ運ぶ投げる、そしてアニメーション」 モノをつかんで運ぶ 投げる Animatorの使い方 ・ 「PickUpAndHold」を改造して、オブジェクトの持つ位置を変えます 壁にアイテムを押しつけると不具合が起きるため 簡単な2パターンチェンジのアニメーション この講義回でほぼ「Playground」のスクリプトの説明をし終えました 学生からの要望を聞きました アニメーション したいです
- 34. 34 ・ 「Shooter」を改造して、コルーチンを組み込みました 第12回 「攻撃するエネミー」 コルーチン 連射 オブジェクト間のフラグの受け渡し ・ 別オブジェクトにあるクラスの「Aminator」のフラグを受け渡すスクリプト ・ 「Animator」のフラグを組み込みました 「Playground」では扱われない領域に突入！ Robot オブジェクト C＃スクリプト Animato r ファイル C＃スクリプト Animato r ファイル 発射場所 オブジェクト エネミー オブジェクト フラグ C＃スクリプト フラグフラグ アニメーションは 「Playground」では できない領域
- 35. 35 ・ 「PickUpAndHold」を改造して、オブジェクトの持つ位置を変えます 第13回 「索敵」 索敵範囲 追跡攻撃するエネミー 危険を知らせるアニメーション ・ 「Patrol」を改造して、巡回を止めるフラグを入れます ・ 「索敵範囲」のフラグを受け渡すスクリプト ・ 「Shooter」を改造して、索敵フラグで発動するスクリプト ・ 「索敵範囲」のアニメーションのためのスクリプト 「Playground」のスクリプトを 組み合わせてもできないから スクリプトを新しく書き直します 1週間では新しいゲーム制作は困難
- 36. 36 ・ ２Dシーンでの「LookAt」スクリプトをつくります ・ ターゲットの方向に弾を撃つスクリプト 第14回 「索敵・トップダウンヴュー」 巡回パトロール 防具の装備 ・ 索敵範囲のフラグ ・ 索敵範囲に入ったターゲットを攻撃するスクリプト ・ 防具を進行方向に向けるスクリプト ・ 攻撃を防具で消すスクリプト 「Playground」にないから スクリプトをつくる領域に突入！ もうUnityの授業！
- 37. 37 ・ 「GameManager」スクリプトを用意して、時間を管理します ・ 獲得した「時間」を足すスクリプト ・ 残り時間によってゲージの色を変えるスクリプト 第15回 「カウントダウンとゲージ」 さまざまなアイテムによるリソース管理 普通にUnityのUIの授業！ 「Playground」での表示を UnityのUIを使って置き換える
- 38. 38 ・ 大学生はどんどん「スクリプト」を書けるようになる、すぐにUnityがほしくなる やがて「Playground」の堅牢なシステムがネックになる ・ グラフィックのアセットは便利だが好き嫌いも大きい 自分でキャラクターを描きたくなる学生が多かった （授業方針によって、「あるもので作る」という「しばり」を入れることも「あり」かも) ・ サウンド・SEがない （音関連の講義を入れるべきだった） ・ 年齢を問わず、初心者にはとても適した教材だと思います これを入り口にしてUnityを本格的に学ぶ道につなげられます ３、 まとめ ポストモーテム
- 40. 40 Unity道場 幕張スペシャル - Education編 - ありがとうございました 「Playground」を魔改造！? ゲームデザイン授業への活用