Unityクリエイターズ勉強会【2/2】【関西】発表資料

Unityクリエイターズ勉強会【2/2】【関西】発表資料

• 1.
  パーティクルで 2Dシューティング くるくる
• 2.
  自己紹介 くるくる ・@mkd214 ・22歳 ・大学院１回生 ・普段はJavaScriptでARな研究してます Unity歴は1年半弱 ・簡単なプロトタイプ作って遊んでます ・ゲームジャムやハッカソンによく出没
• 3.
  宣伝 おっさんコレクション ・Twitter上におっさんが現れるので捕まえる ・30種のおっさんをコンプリートするゲーム ・Node.js+MongoDB+DropBox ・興味のある人は @yanotasu をフォロー
• 4.
  早速
• 5.
  ゲームを作って行きましょう
• 6.
  どんなゲーム？？
• 7.
  Particleがわんさかでてくるゲーム！！
• 8.
  と，いうことでParticleについて学ぼう！！
• 9.
  今日学ぶ、Particleの４つの要素 Emission Start系 Shape Simulation Space
• 10.
  Emission Emission --- パーティクルのでる数を決める ・Rate 　　連続してパーティクルが出る 　　１秒辺りにでる数を設定する ・Burst 　　ある時間に一斉にパーティクルが出る 　　一斉に出る時間と数を設定する
• 11.
  Shape Shape --- パーティクルのでる形 ・Shape 　　でる形を決める ・Radius,Angleなど 　　でる形の各部分の大きさを設定する ・RandomDirection 　　パーティクルの出る方向をランダムにする ・EmitFromShell
• 12.
  Shape Shape --- パーティクルのでる形 ・EmitFromShell 　　Trueだと表面からのみでる 　　Falseだと表面を含む領域全てからでる
• 13.
  Start系 Start系 ---１つのパーティクルが生成された時 　　　　 に与えられるパラメータ ・StartLifeTime 　　出て消えるまでの時間。（寿命） ・StartSpeed 　　出た時の速さ(マイナスの値もいれられるよ) ・StartSize 　　出た時の大きさ
• 14.
  Simulation Space SimulationSpace ---でたあとのParticleSystem 　　　　　　　　　 との位置の依存関係 Local World
• 15.
  この４つ，なんとなくわかりましたか？？ Emission Start系 Shape Simulation Space
• 16.
  パーティクルを作りましょう！！
• 17.
  必要なパーティクル 自機(Player) チャージしてる時(Charging) チャージが完了した時(Charged) 弾(Bullet) 自機が死んだ時(DeadPlayer) 敵(Enemy) 敵が死んだ時(DeadEnemy)
• 18.
  必要なパーティクル 7つのパーティクルを作成して それぞれ名前をつけよう 次のページから，パーティクルを作っていくよ！！
• 19.
  自機(Player) StartLifeTime -> 0.1 StartSpeed -> 0 SimulationSpace -> World Rate -> 1000 Shape -> チェックを外す
• 20.
  チャージ中(Charging) StartLifeTime -> 0.5 StartSpeed -> -10 Shape -> Sphere Radius -> 5 EmitFromShell ->True
• 21.
  チャージ完了(Charged) Rotation X -> 0 StartLifeTime -> 0.8 StartSpeed -> 0 StartSize -> 0.3 SimulationSpace -> World Rate -> 100 Shape -> チェックを外す
• 22.
  弾(Bullet) StartLifeTime -> 0.05 StartSpeed -> 0 StartSize -> 0.8 SimulationSpace -> World Rate -> 100 Shape -> チェックを外す
• 23.
  自機が死んだ時(DeadPlayer) Looping -> false StartSpeed -> 15 Rate -> 0 Time Particles -> 0.00 100 -> 0.50 100 -> 1.00 100 Shape -> Sphere
• 24.
  敵(Enemy) StartLifeTime -> 0.1 StartSpeed -> 0 StartColor -> Red Simulation Space -> World Rate -> 1000 Shape -> チェックを外す
• 25.
  敵が死んだ時(DeadEnemy) Looping -> false StartSpeed -> 15 StartColor -> Red Rate -> 0 Time Particles -> 0.00 100 Shape -> Sphere
• 26.
  当たり判定と剛体の準備をしよう
• 27.
  当たり判定と剛体の準備をしよう 当たり判定と剛体が必要なのは Player(自機) Bullet(弾) Enemy(敵) SphereColliderとRigidbodyをつけておこう！！
• 28.
  Playerに当たり判定と剛体 Use Gravity -> false FreezePositionZ -> true FreezeRotationXYZ -> true Center -> 0 0 0 Radius -> 0.3
• 29.
  Enemyに当たり判定 Use Gravity -> false FreezePositionZ -> true FreezeRotationXYZ -> true isTrigger -> true Center -> 0 0 0 Radius -> 0.5
• 30.
  Bulletに当たり判定 Use Gravity -> false FreezePositionZ -> true FreezeRotationXYZ -> true Center -> 0 0 0 Radius -> 0.5
• 31.
  カメラの設定をしておこう
• 32.
  カメラの設定をしておこう 今回は2Dなので Orthographicカメラを使います Position XYZ -> 0 1 -10 Background -> Black Projection -> Orthographic Size -> 5
• 33.
  Scriptを書いて動かそう！！
• 34.
  Playerの動きを作ろう Player ・動く(Move) ・チャージする(Charge) ・弾を発射する(Shoot) ・敵に当たると死亡(Dead) PlayerController.jsを作成し， Playerに追加しておいてください
• 35.
  PlayerController.jsを書き換えよう． function Update (){ Move(); } function Move(){ var mouse = Input.mousePosition; var pos = Camera.mainCamera.ScreenToWorldPoint(mouse); pos.z = 0; transform.position = pos; }
• 36.
  PlayerController.jsの解説 //スクリーン上のマウスの位置を取得 var mouse =Input.mousePosition; //マウス座標からカメラ座標に変換 var pos = Camera.mainCamera.ScreenToWorldPoint(mouse); //Zが-10が入るので0にする pos.z = 0; //マウスの位置に動かす transform.position = pos;
• 37.
  PlayerController.jsの解説 //スクリーン上のマウスの位置を取得 var mouse =Input.mousePosition; //マウス座標からカメラ座標に変換 var pos = Camera.mainCamera.ScreenToWorldPoint(mouse); //Zが-10が入るので0にする pos.z = 0; //マウスの位置に動かす transform.position = pos; **この方法はOrthographicカメラ時のみ使える
• 38.
  親子関係に ChargingとChargedを Playerの子へ 子にしたいオブジェクトをドラッグ 親のオブジェクトにドロップ
• 39.
  親子関係に ChargingとChargedを Playerの子へ 子にしたいオブジェクトをドラッグ 親のオブジェクトにドロップ その後，子のPositionを (0,0,0)にしておく
• 40.
  PlayerController.jsの最後に追加 var chargedObj:GameObject; var chargingObj:GameObject; functionCharge(){ if(Input.GetButton("Fire1")){ chargingObj.SetActive(true); }else if(Input.GetButton("Fire1")){ chargingObj.SetActive(false); } }
• 41.
  Chargeさせる(PlayerController.js内) function Start (){ chargingObj.SetActive(false); chargedObj.SetActive(false); } function Update () { Move(); Charge(); }
• 42.
  Scriptから他Objectを操作 Playerの子のChargedを Charged Obj横のNoneにドラッグドロップ Playerの子のChargingを Charging Obj横のNoneにドラッグドロップ
• 43.
  Chargeの解説 //マウスの左クリックが押されている間はTrue if(Input.GetButton("Fire1")){ //chargingObjをアクティブ(動いている状態)にします chargingObj.SetActive(true); //マウスの左クリックが上がった瞬間だけTrue }else if(Input.GetButton("Fire1")){ //chargingObjをアクティブじゃないようにする chargingObj.SetActive(false); }
• 44.
  Chargeの追加(PlayerController.js内) private var time: float = 0.0; function Charge(){ time+=Time.deltaTime; if(Input.GetButton("Fire1")){ if(time<2) { chargingObj.SetActive(true);} else{ chargingObj.SetActive(false); chargedObj.SetActive(true); } }else if(Input.GetButtonUp("Fire1")){ if(time<2) { chargingObj.SetActive(false);} else{chargedObj.SetActive(false);time=0;} } }
• 45.
  たまを打つよ
• 46.
  PlayerController.jsの最後に追加 var bulletPrefab:GameObject; private varroot2 = Mathf.Sqrt(2); private var x = [1,1/root2,0,-1/root2,-1,-1/root2,0,1/root2]; private var y = [0,1/root2,1,1/root2,0,-1/root2,-1,-1/root2]; function Shoot(){ for(var i=0;i<8;i++){ var bullet : GameObject = Instantiate(bulletPrefab); bullet.transform.position = transform.position + Vector3(x[i],y[i],0)*1.0f; bullet.rigidbody.velocity = Vector3(x[i],y[i],0) * 15.0f; bullet.name = "Bullet"; Destroy(bullet,2.0f); } }
• 47.
  Shootの追加(PlayerController.js) function Charge(){ time+=Time.deltaTime; if(Input.GetButton("Fire1")){ if(time<2) { chargingObj.SetActive(true);} else{ chargingObj.SetActive(false); chargedObj.SetActive(true); } }else if(Input.GetButtonUp("Fire1")){ if(time<2) { chargingObj.SetActive(false);} else{chargedObj.SetActive(false);time=0;Shoot();} } }
• 48.
  Prefabの作り方 HierarchyのBulletを Projectにドラッグドロップ ProjectにBulletができていれば成功 HierarchyのBulletは 必要ないの削除しておきましょう DeadPlayerとDeadEnemyとEnemyも Prefab化し，Hierarchyのは削除しましょう
• 49.
  関連付けよう！！ BulletPrefabに関連付けるために ProjectのBulletを PlayerControllerの Noneにドラッグドロップ
• 50.
  当たり判定を作るよ！！
• 51.
  PlayerController.jsの最後に追加 var deadPlayerPrefab:GameObject; function OnTriggerEnter(other:Collider){ if(other.gameObject.name == "Enemy"){ var obj=Instantiate(deadPlayerPrefab); obj.transform.position = transform.position; Destroy(gameObject); } }
• 52.
  OnTriggerEnterの解説 //Triggerにぶつかった時に呼ばれる function OnTriggerEnter(other:Collider){ //ぶつかったオブジェクトの名前がEnemyならTrue if(other.gameObject.name == "Enemy"){ //Prefabをゲームシーンに登場させる var obj=Instantiate(deadPlayerPrefab); //登場したPrefabの位置をPlayerの位置にする obj.transform.position = transform.position; //Playerを消す Destroy(gameObject); } }
• 53.
  Enemyをだすよ！！
• 54.
  Enemyをだすよ！！ 空のGameObjectを作成． 名前は Creater． Create.jsを作成． 空のGameObjectにAdd． 右のようになっていればOK
• 55.
  Create.jsを編集しよう private var time=0.0f; varprefab:GameObject; var timeInterval : float = 2.5f; function Update () { time += Time.deltaTime; if(time > timeInterval){ time=0.0f; var obj = Instantiate(prefab); obj.transform.position.x = Random.Range(-11.20f,11.20f); obj.transform.position.y = 6; obj.transform.position.z = 0; obj.name = "Enemy"; } }
• 56.
  Createrの設定 PrefabがNoneになっているので ProjectionのEnemyを ドラッグドロップ
• 57.
  Enemyを動かすよ
• 58.
  Enemyの動きを知ろう Enemy ・最初に速度を設定(等速直線運動する) ・下に行き過ぎたら勝手に消える ・弾にあたったらやられる Enemy.jsを作成し， EnemyのPrefabに追加しておいてください
• 59.
  Enemy.jsを書き換えよう． function Start (){ rigidbody.velocity.y = -Random.Range(3.0f,10.0f); } function Update () { if(transform.position.y < -12.0f){Destroy(gameObject);} } var deadEnemyPrefab : GameObject; function OnTriggerEnter(other:Collider){ if(other.gameObject.name == "Bullet"){ var obj:GameObject = Instantiate(deadEnemyPrefab); obj.transform.position = transform.position; Destroy(obj,3.0f); Destroy(gameObject); } }
• 60.
  関連付けるよ ProjectionのEnemyの DeadEnemyPrefabが Noneになっているので ProjectのDeadEnemyを Noneにドラッグドロップ
• 61.
  完成！！！