Post on 26-Aug-2014
description
パーティクルで
2Dシューティング
くるくる
自己紹介
くるくる・@mkd214・22歳・大学院１回生・普段はJavaScriptでARな研究してます
Unity歴は1年半弱・簡単なプロトタイプ作って遊んでます・ゲームジャムやハッカソンによく出没
宣伝
おっさんコレクション
・Twitter上におっさんが現れるので捕まえる
・30種のおっさんをコンプリートするゲーム
・Node.js+MongoDB+DropBox
・興味のある人は @yanotasu をフォロー
早速
ゲームを作って行きましょう
どんなゲーム？？
Particleがわんさかでてくるゲーム！！
と，いうことでParticleについて学ぼう！！
今日学ぶ、Particleの４つの要素
Emission Start系
Simulation SpaceShape
Emission
Emission --- パーティクルのでる数を決める
・Rate 連続してパーティクルが出る １秒辺りにでる数を設定する・Burst ある時間に一斉にパーティクルが出る 一斉に出る時間と数を設定する
Shape
Shape --- パーティクルのでる形
・Shape でる形を決める・Radius,Angleなど でる形の各部分の大きさを設定する・RandomDirection パーティクルの出る方向をランダムにする・EmitFromShell
Shape
Shape --- パーティクルのでる形
・EmitFromShell Trueだと表面からのみでる
Falseだと表面を含む領域全てからでる
Start系
Start系 ---１つのパーティクルが生成された時
に与えられるパラメータ
・StartLifeTime 出て消えるまでの時間。（寿命）・StartSpeed 出た時の速さ(マイナスの値もいれられるよ)・StartSize 出た時の大きさ
Simulation Space
SimulationSpace --- でたあとのParticleSystem との位置の依存関係
Local
World
この４つ，なんとなくわかりましたか？？
Emission Start系
Simulation SpaceShape
パーティクルを作りましょう！！
必要なパーティクル
自機(Player)チャージしてる時(Charging)チャージが完了した時(Charged)弾(Bullet)自機が死んだ時(DeadPlayer)
敵(Enemy)敵が死んだ時(DeadEnemy)
必要なパーティクル
7つのパーティクルを作成してそれぞれ名前をつけよう
次のページから，パーティクルを作っていくよ！！
自機(Player)
StartLifeTime -> 0.1StartSpeed -> 0SimulationSpace -> World
Rate -> 1000
Shape -> チェックを外す
チャージ中(Charging)
StartLifeTime -> 0.5StartSpeed -> -10
Shape -> SphereRadius -> 5EmitFromShell ->True
チャージ完了(Charged)
Rotation X -> 0
StartLifeTime -> 0.8StartSpeed -> 0StartSize -> 0.3SimulationSpace -> World
Rate -> 100Shape -> チェックを外す
弾(Bullet)
StartLifeTime -> 0.05StartSpeed -> 0StartSize -> 0.8SimulationSpace -> World
Rate -> 100Shape -> チェックを外す
自機が死んだ時(DeadPlayer)
Looping -> falseStartSpeed -> 15
Rate -> 0Time Particles -> 0.00 100 -> 0.50 100 -> 1.00 100
Shape -> Sphere
敵(Enemy)
StartLifeTime -> 0.1StartSpeed -> 0StartColor -> RedSimulation Space -> World
Rate -> 1000
Shape -> チェックを外す
敵が死んだ時(DeadEnemy)
Looping -> falseStartSpeed -> 15StartColor -> Red
Rate -> 0Time Particles -> 0.00 100
Shape -> Sphere
当たり判定と剛体の準備をしよう
当たり判定と剛体の準備をしよう
当たり判定と剛体が必要なのは
Player(自機)Bullet(弾)Enemy(敵)
SphereColliderとRigidbodyをつけておこう！！
Playerに当たり判定と剛体
Use Gravity -> falseFreezePositionZ -> trueFreezeRotationXYZ -> true
Center -> 0 0 0Radius -> 0.3
Enemyに当たり判定
Use Gravity -> falseFreezePositionZ -> trueFreezeRotationXYZ -> true
isTrigger -> trueCenter -> 0 0 0Radius -> 0.5
Bulletに当たり判定
Use Gravity -> falseFreezePositionZ -> trueFreezeRotationXYZ -> true
Center -> 0 0 0Radius -> 0.5
カメラの設定をしておこう
カメラの設定をしておこう
今回は2Dなので
Orthographicカメラを使います
Position XYZ -> 0 1 -10
Background -> Black
Projection -> OrthographicSize -> 5
Scriptを書いて動かそう！！
Playerの動きを作ろう
Player・動く(Move)・チャージする(Charge)・弾を発射する(Shoot)・敵に当たると死亡(Dead)
PlayerController.jsを作成し，
Playerに追加しておいてください
PlayerController.jsを書き換えよう．
function Update () {Move();
}function Move(){
var mouse = Input.mousePosition;var pos = Camera.mainCamera.ScreenToWorldPoint(mouse);
pos.z = 0;transform.position = pos;
}
PlayerController.jsの解説
//スクリーン上のマウスの位置を取得
var mouse = Input.mousePosition;//マウス座標からカメラ座標に変換
var pos = Camera.mainCamera.ScreenToWorldPoint(mouse);
//Zが-10が入るので0にする
pos.z = 0;//マウスの位置に動かす
transform.position = pos;
PlayerController.jsの解説
//スクリーン上のマウスの位置を取得
var mouse = Input.mousePosition;//マウス座標からカメラ座標に変換
var pos = Camera.mainCamera.ScreenToWorldPoint(mouse);
//Zが-10が入るので0にする
pos.z = 0;//マウスの位置に動かす
transform.position = pos;
**この方法はOrthographicカメラ時のみ使える
親子関係に
ChargingとChargedをPlayerの子へ
子にしたいオブジェクトをドラッグ親のオブジェクトにドロップ
親子関係に
ChargingとChargedをPlayerの子へ
子にしたいオブジェクトをドラッグ親のオブジェクトにドロップ
その後，子のPositionを(0,0,0)にしておく
PlayerController.jsの最後に追加
var chargedObj:GameObject;var chargingObj:GameObject;function Charge(){
if(Input.GetButton("Fire1")){chargingObj.SetActive(true);
}else if(Input.GetButton("Fire1")){chargingObj.SetActive(false);
}}
Chargeさせる(PlayerController.js内)
function Start () {chargingObj.SetActive(false);chargedObj.SetActive(false);
}function Update () {
Move();Charge();
}
Scriptから他Objectを操作
Playerの子のChargedをCharged Obj横のNoneにドラッグドロップ
Playerの子のChargingをCharging Obj横のNoneにドラッグドロップ
Chargeの解説
//マウスの左クリックが押されている間はTrueif(Input.GetButton("Fire1")){
//chargingObjをアクティブ(動いている状態)にします
chargingObj.SetActive(true);//マウスの左クリックが上がった瞬間だけTrue}else if(Input.GetButton("Fire1")){
//chargingObjをアクティブじゃないようにする
chargingObj.SetActive(false);}
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;}
}}
たまを打つよ
PlayerController.jsの最後に追加
var bulletPrefab:GameObject;private var root2 = 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);
}}
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();}
}}
Prefabの作り方
HierarchyのBulletをProjectにドラッグドロップ
ProjectにBulletができていれば成功
HierarchyのBulletは必要ないの削除しておきましょう
DeadPlayerとDeadEnemyとEnemyもPrefab化し，Hierarchyのは削除しましょう
関連付けよう！！
BulletPrefabに関連付けるために
ProjectのBulletをPlayerControllerのNoneにドラッグドロップ
当たり判定を作るよ！！
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);
}}
OnTriggerEnterの解説
//Triggerにぶつかった時に呼ばれる
function OnTriggerEnter(other:Collider){//ぶつかったオブジェクトの名前がEnemyならTrueif(other.gameObject.name == "Enemy"){
//Prefabをゲームシーンに登場させる
var obj=Instantiate(deadPlayerPrefab);//登場したPrefabの位置をPlayerの位置にする
obj.transform.position = transform.position;//Playerを消す
Destroy(gameObject);}
}
Enemyをだすよ！！
Enemyをだすよ！！
空のGameObjectを作成．
名前は Creater．
Create.jsを作成．
空のGameObjectにAdd．
右のようになっていればOK
Create.jsを編集しよう
private var time=0.0f;var prefab: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";
}}
Createrの設定
PrefabがNoneになっているので
ProjectionのEnemyをドラッグドロップ
Enemyを動かすよ
Enemyの動きを知ろう
Enemy・最初に速度を設定(等速直線運動する)・下に行き過ぎたら勝手に消える・弾にあたったらやられる
Enemy.jsを作成し，
EnemyのPrefabに追加しておいてください
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);
}}
関連付けるよ
ProjectionのEnemyのDeadEnemyPrefabがNoneになっているので
ProjectのDeadEnemyをNoneにドラッグドロップ
完成！！！