【Unity】3Dモデルを使って2DSTGを作ってみた。

先日作った3DSTGを元に2DSTGを作ってみました。

悩んだのが画面サイズというかカメラの位置というか。
3D表示の場合はカメラの位置によって画面サイズが変わってしまうんですよね。
かと言ってコレが正解！って位置も良くわからないので色々と位置を変えてみて何となく良い感じの位置に設置してみました。ちゃんとした設置の考え方とかあるんでしょうか・・・

それと凄く戸惑っているのがX軸Y軸Z軸の扱い。

2D的な考えだとX軸が横、Y軸が縦、Z軸が高さになると思うんですよね。
でも3D的な考えだとX軸が横、Y軸が高さ、Z軸が縦（奥行）になるみたいなんですよね。
なのでオブジェクトの座標もXとYで考えるのではなくXとZで考える感じになってしまって凄く頭がこんがらがってきます。
そして、本当にこんな考え方するのか？実はXとYで座標考えてZが高さになるように作るのが正解なんじゃないのか？とか色々と悩んでます。

アセットを使うと簡単にリアルな爆発とかを出せるのは良いので、このまま3Dで作っていくか2Dに戻して作って行くほうが良いのか色々と考え中です。2.5DSTGの作り方講座とかあったら速攻で受講するんですけどねぇ(笑)

BlenderでモデリングしてUV展開、テクスチャで色付してみた

先日作った3Dシューティングをベースに2Dシューティングを作ってみようと思って、とりあえず自分で作ってキャラクタに変更してみたのですが、変更した瞬間にすんごく動作が重たくなりました。

なんでかなーと思って変更する前のキャラとの違いを考えると、3Dモデルの頂点数が全然違ったんですよね。元々が頂点数800程度で置き換えた方は4000くらいあったので、これが原因かなーと。
私が今まで制作していたモデルはテクスチャを使わずに素材に直接色を塗っていたので色を塗る為にモデルを分割しており非常に頂点数が多かったんです。なので出来るだけ頂点数を抑えつつモデルに色を付けるとなるとテクスチャを貼る方法が一番良さげなのでモデリングからやり直しましました。

今まではモデリングにメタセコイアを使っていたのですが、UnityはBlenderと連動して動かせるとの事でBlenderを使ってみることに。
Blenderは操作方法が独特なので解説サイトなどで練習してから使うのが良いと思います。感覚的な操作では絶対に思うように動かせません。(リドゥがCtrl+Shift+zとか絶対わからんｗ)

下記の解説サイト様が丁寧で解りやすく書いてあって良かったです。
https://www.cgradproject.com/archives/category/tutorialtips/
https://blender-cg.net/

モデリングに関してはコレで良かったのですが、悩んだのがUV展開。
とりあえずUV展開する時は普通の展開ではなくスマートUV投影で行います。


UV展開する時は角度制限を89にして島の制限は0.03（大きくすればパーツごとの干渉が避けれます）

展開図をUV配置をエクスポートで保存します。


保存した展開図をGIMP2などで色付けするのですが・・・


ここで問題が。上の画像は色が付いてますが最初は何も色が付いていないので、どのパーツがどこの部品なのか全くわからないんですよね。
でもBlender側で簡単に確認する方法がありました。

画像の丸のボタンを押すと編集モードのモデルと展開図の位置を表示してくれますので、どのパーツがどこの部品なのか一目瞭然です。
あとはパーツ毎に色をつければOK。展開図よりも若干大きく色を塗って置いたほうが綺麗に反映されるようです。

尚、展開図の着色方法については、もっと良い方法があるかもしれませんが忘却録として書いておきました。

展開図が着色出来たら編集モードでマテリアルを新規追加します。


テクスチャを追加して画像または動画を読み込めるようにして展開図を読み込めばテクスチャが反映されると思います。

この方法で色付すると頂点数が劇的に減らせたので良かったです。

それにしてもテクスチャの書き込みって難しいですねぇ。線とか文字とか書き込んでみたのですが、なんか馴染まないというか嘘っぽくなってしまってイマイチなんですよね。検索してみても人物のテクスチャの書き方は沢山出てくるのですが、メカっぽいテクスチャの書き方ってあんまりないんですよねぇ。何か良い方法がないものかと思っております。

【Unity】簡単な3Dシューティングゲームを作ってみた

3Dモデルの表示をやってみたら意外と簡単だったので試しに簡単な3Dシューティングゲームを作ってみました。


簡単な敵と自機が出て来て当たったら爆発させて消去する感じ。
作成するのに下記のサイト様が非常に役に立ちました
プログラミング初心者でも簡単！Unity5で3Dシューティングゲーム開発！！

本当は2.5Dで作成したかったんですが参考にさせて頂いたサイトさんのが3Dだったので、とりあえず3Dで作ってます。

作ってみて感じたのは、本気の3Dゲームを作るわけではないので基本的な考え方は2Dと同じなのですが3D表示の場合はカメラの位置とか画面サイズなどをどうすれば良いのかがイマイチ良くわからないんですよね。。。

この作成した3Dシューティングのカメラを上から見下ろせば3D表示の2Dシューティングに見えますが、それで良いのか？とか思ったり。
そして3D表示だと2D表示と比べて沢山オブジェクトを動かすと重たくなるんですよね。
今回は弾幕シューティングを作ろうとしている訳ではないので、それほど沢山のオブジェクトを動かすことは無いと思うのですが動作は軽い方が良いです。でも背景グルグル回る演出とかやってみたいので3Dもありかなーと思ったり。

それとUnityにはアセットストアと言うキャラクターや背景を購入出来るサイトがあって、今回初めて使ってみたのですが、無料の物でもクオリティ高いものが沢山あって凄いなぁと思いました。（今回作った3Dシューティングの素材は全てアセットストアで無料ダウンロードした物です。）

こんなキャラクターや宇宙の背景も無料で使えるとか凄いです。

とりあえず、この作成した3Dシューティングを見下ろす感じのカメラ角度にして2.5Dシューティングとして作ってみようかなと思ってます。

【Unity】メタセコイアで作ったmqoをBlenderでfbxに変換してUnityで読み込む

Unityで3Dモデルを表示したいなーと思ったのですが、私が今まで使っていた3Dモデリングソフトはメタセコイアなので無償版だと出力ファイルがmqoになるんですよね。
でもUnityはmqoファイルには対応していないので対応したファイル形式に変換する必要がありました。
ググってみるとBlenderでmqoを読み込んでUnityに対応しているfbxで出力すると良いっぽいので実践してみました。

まずはメタセコイアでmqoファイルを出力します。


Blenderは標準ではmqoファイルの読み込みに対応していませんので、読み込めるようにプラグインをインストールします。
https://onedrive.live.com/?id=CE4C74EDA2A73245%21276&cid=CE4C74EDA2A73245
こちらのページにあるmqo_script_268.zipをダウンロードします。(Blenderのバージョンによってダウンロードするファイルは変わります。Readme参照)
製作者の方に感謝です。

Blenderのファイルメニューからユーザー設定(User Preferences)を開きます。
アドオンタブ(Add-Ons)を開いてファイルからインストール(Install an addon)を選択して先程ダウンロードしたファイルを選ぶと出てくるImport-Export: Import-Export Metasequoia Forma t(.mqo)にチェックを入れたらユーザー設定の保存をおして完了。
ファイルメニューのインポートにmqoが追加されているはずです。


ファイルメニューのエクスポートでfbxに変換します。


fbxで出力したらUnityで読み込むのですが、ここで問題がおきました。


読み込んだモデルのマテリアルが半透明になってる部分があるんですよね。
解決方法をググってみるとマテリアルのインスペクタにあるレンダリングモードをTranceparentからOpaqueにすれば良いのですが変更する部分が何故か灰色になっていて変更出来ません。


どうしたもんかと思って更に調べるとマテリアルのLocationをUse Embedded MaterialsからUse External Materials(Legacy)に変更してApplyボタンを押すと上手く出来るようになりました。


マテリアルのレンダリングモードをTranceparentからOpaqueに変更すると上手く表示されました。

ついでにテクスチャも貼ってます。インスペクタのAlbedoにテクスチャファイルを指定すればOKです。

【Unity】ボスの追加【簡単な2DSTGを作ってみるNo.9】

【Unity】自機を表示して移動させる【簡単な2DSTGを作ってみるNo.1】

【Unity】自機弾を発射する（プレハブ化する）【簡単な2DSTGを作ってみるNo.2】

【Unity】敵のアニメーション表示と移動（プレハブ化する）【簡単な2DSTGを作ってみるNo.3】

【Unity】自機狙い弾を発射させる【簡単な2DSTGを作ってみるNo.4】

【Unity】背景の表示とオブジェクトの表示順位【簡単な2DSTGを作ってみるNo.5】

【Unity】当たり判定の追加【簡単な2DSTGを作ってみるNo.6】

【Unity】爆破アニメーションの追加【簡単な2DSTGを作ってみるNo.7】

【Unity】タイトル画面の追加（シーン移行）とテキスト表示【簡単な2DSTGを作ってみるNo.8】

【Unity】ボスの追加【簡単な2DSTGを作ってみるNo.9】

最終回です。ボスを追加して弾幕を3つ作りました。


これまでのソースファイルと画像ファイル、プロジェクトセッティングなどはコチラ↓
テストシューティングダウンロード


使用しているUnityのバージョンは2018.2.11f1です。
Zipファイルになっていますので展開したらtestshooting.unitypackageとProjectSettingsフォルダが入っています。
このプロジェクトを実行させるためにはUnityでTemplateを2Dにして新規プロジェクトを作成します。


ファイルメニューのAsset→Import Package→Custom Packageを選択してtestshooting.unitypackageを読み込みます。
ProjectSettingsフォルダは作成したプロジェクトにあるProjectSettingsフォルダに上書きします。
Gameタブにあるアスペクト比を4:3にすればOK。再生ボタンを押すとゲームが開始されると思います。
動かすとこんな感じ↓


ボスに関しては本体と回転する羽に分けて表示して羽画像だけを回転させています。
羽画像を本体の小要素とするだけで移動や削除などは本体の方のスクリプトを引き継いでくれるので便利です。

上記のファイルにソースファイルもありますがボスに関しては下記の2つのファイルで制御しています。
boss0_bullet_move.cs
using System.Collections; using System.Collections.Generic; using UnityEngine; public class boss0_bullet_move : MonoBehaviour { private float etx;//敵弾の位置ｘ private float ety;//敵弾の位置ｙ private float etxv;//敵弾の移動量ｘ private float etyv;//敵弾の移動量ｙ private float rad;//弾の移動角度 private float ds;//弾の速さ private int bu;//ボス弾画像の種類用 SpriteRenderer MainSpriteRenderer;//弾画像切り替え用 public Sprite boss0_bullet;//青弾画像 public Sprite boss1_bullet;//ピンク弾画像 public void Create_rad_ds_bu_ex_ey(float direction, float speed, int bullet, float ex, float ey) //敵弾発生関数、引数（発射角度、スピード、弾画像種類、発射位置x、発射位置y） { rad = direction;//発射角度 ds = speed;//スピード bu = bullet;//弾画像種類 etx = ex;//発射位置x ety = ey;//発射位置y } void Start () { MainSpriteRenderer = gameObject.GetComponent< SpriteRenderer >();//弾画像切り替え用 if (bu == 0) MainSpriteRenderer.sprite = boss0_bullet;//青弾画像 if (bu == 1) MainSpriteRenderer.sprite = boss1_bullet;//ピンク弾画像 Vector2 e0 = transform.position;//発射位置用 e0.x = e0.x + etx;//発射位置用 e0.y = e0.y + ety;//発射位置用 transform.position = e0;//発射位置用 etxv = Mathf.Cos(rad) * (ds);//敵弾の移動量x etyv = Mathf.Sin(rad) * (ds);//敵弾の移動量y } void Update () { { Vector2 pos = transform.position; pos.x = pos.x + etxv; // x座標へ加算 pos.y = pos.y + etyv; // y座標へ加算 transform.position = pos;//敵弾表示 if (transform.position.y < -6f || transform.position.y > 6f || transform.position.x < -7 || transform.position.x > 7) { Destroy(gameObject);//敵弾削除 } } } }

boss0_move.cs
using System.Collections; using System.Collections.Generic; using UnityEngine; public class boss0_move : MonoBehaviour { public GameObject boss0_bullet_prefab;//弾prefabタブ表示 public GameObject explosion_prefab; //爆破prefabタブ表示 private int boss_t; //ボス体力 private int shot_time;//生存、発射時間 private float rad; //弾用角度 private float rad2; //弾用角度2 private float rad3; //弾用角度3 void Start () { boss_t = 100; //ボス体力初期設定 shot_time = 0;//生存、発射時間初期設定 rad = 0f;//弾用角度初期設定 rad2 = 0f;//弾用角度2初期設定 } void Update () { if (shot_time > 1 && shot_time < 99) { transform.Translate(0, -0.07f, 0);//移動 } if (shot_time>100&&shot_time<400) { if (shot_time % 8 == 0)//8方向回転弾幕(1フレームに8発発射) { for (rad = 0f; rad < 6.28f; rad += 0.8f)//弾発射角度が6.28になるまで発射、6.28で一回転(3.14の2倍)青弾用 { GameObject shot = Instantiate(boss0_bullet_prefab, transform.position, transform.rotation) as GameObject;//敵弾生成 boss0_bullet_move s = shot.GetComponent <boss0_bullet_move >();//boss0_bullet_moveスクリプトを取得 s.Create_rad_ds_bu_ex_ey(rad + rad2, 0.1f, 0, 0, 0);//boss0_bullet_moveスクリプトのCreate_rad_ds_bu_ex_ey関数に弾の初期情報を渡す } rad2 += 0.1f;//発射角度プラス for (rad = 0f; rad < 6.28f; rad += 0.8f)//弾発射角度が6.28になるまで発射、6.28で一回転(3.14の2倍)ピンク弾用 { GameObject shot = Instantiate(boss0_bullet_prefab, transform.position, transform.rotation) as GameObject;//敵弾生成 boss0_bullet_move s = shot.GetComponent< boss0_bullet_move >();//boss0_bullet_moveスクリプトを取得 s.Create_rad_ds_bu_ex_ey(rad + rad3, 0.1f, 1, 0, 0);//boss0_bullet_moveスクリプトのCreate_rad_ds_bu_ex_ey関数に弾の初期情報を渡す } rad3 -= 0.1f;//発射角度マイナス } }//8方向回転弾幕ここまで if (shot_time > 500 && shot_time < 800) { if (shot_time % 1 == 0)//回転弾幕(1フレームに1発発射)青弾用 { GameObject shot = Instantiate(boss0_bullet_prefab, transform.position, transform.rotation) as GameObject;//敵弾生成 boss0_bullet_move s = shot.GetComponent< boss0_bullet_move >();//boss0_bullet_moveスクリプトを取得 s.Create_rad_ds_bu_ex_ey(rad, 0.1f, 0, 0, 0);//boss0_bullet_moveスクリプトのCreate_rad_ds_bu_ex_ey関数に弾の初期情報を渡す rad += 0.2f;//発射角度プラス } if (shot_time % 1 == 0)//回転弾幕(1フレームに1発発射)ピンク弾用 { GameObject shot = Instantiate(boss0_bullet_prefab, transform.position, transform.rotation) as GameObject;//敵弾生成 boss0_bullet_move s = shot.GetComponent< boss0_bullet_move >();//boss0_bullet_moveスクリプトを取得 s.Create_rad_ds_bu_ex_ey(rad2, 0.1f, 1, 0, 0);//boss0_bullet_moveスクリプトのCreate_rad_ds_bu_ex_ey関数に弾の初期情報を渡す rad2 -= 0.2f;//発射角度マイナス } }//回転弾幕(1フレームに1発発射)ここまで if (shot_time > 900 && shot_time < 1200) { if (shot_time % 5 == 0) { Vector2 e0 = transform.position;//自機と敵の角度計算 float etx = ship_move.px - e0.x;//自機と敵の角度計算 float ety = ship_move.py - e0.y;//自機と敵の角度計算 rad = Mathf.Atan2(ety, etx);//自機と敵の角度計算 for (float ang = -7.8f; ang <= -5.4f; ang += 0.4f)//自機狙い6方向弾幕(1フレームに6発発射)青弾用 { GameObject shot = Instantiate(boss0_bullet_prefab, transform.position, transform.rotation) as GameObject;//敵弾生成 boss0_bullet_move s = shot.GetComponent< boss0_bullet_move >();//boss0_bullet_moveスクリプトを取得 s.Create_rad_ds_bu_ex_ey(rad + ang + 0.1f, 0.1f, 0, 2.4f, -0.5f);//boss0_bullet_moveスクリプトのCreate_rad_ds_bu_ex_ey関数に弾の初期情報を渡す } for (float ang2 = -7.8f; ang2 <= -5.4f; ang2 += 0.4f)//自機狙い6方向弾幕(1フレームに6発発射)ピンク弾用 { GameObject shot = Instantiate(boss0_bullet_prefab, transform.position, transform.rotation) as GameObject;//敵弾生成 boss0_bullet_move s = shot.GetComponent< boss0_bullet_move >();//boss0_bullet_moveスクリプトを取得 s.Create_rad_ds_bu_ex_ey(rad - ang2 - 0.15f, 0.1f, 1, -2.4f, -0.5f);//boss0_bullet_moveスクリプトのCreate_rad_ds_bu_ex_ey関数に弾の初期情報を渡す } } } shot_time += 1; if (shot_time >= 1300) shot_time = 100;//ボスの行動を8方向回転弾幕に戻す } void OnTriggerEnter2D(Collider2D coll)//当たり判定 { if (coll.tag == "ship_bullet")//自機弾が当たった時 { Destroy(coll.gameObject);//自機弾削除 boss_t -= 1;//ボス体力マイナス if (boss_t <= 0)//体力が0になったら { Destroy(gameObject);//ボス削除 for (int i = 0; i < 50; i ++) { Instantiate(explosion_prefab, new Vector3(-4f + 8f * Random.value, 0f + 4f * Random.value, 0), Quaternion.identity);//爆破表示 } time_table.game_time = 0;//ゲーム時間を最初に戻す } GameObject.Find("Canvas").GetComponent< UIcontroller >().AddScore();//得点プラス } } }

ボス移動用のスクリプト(boss0_move.cs)で敵弾を発射したい時間(shot_time)の時にboss0_bullet_move.csスクリプトのCreate_rad_ds_bu_ex_ey()関数に発射角度、スピード、弾画像種類、発射位置x、発射位置yを引数として渡して敵弾を生成しています。

ここで悩んだのがInstantiateで生成したオブジェクトに引数を渡したいって事でした。
Instantiateで渡せる引数は座標と画像回転角度だけなので、弾のスピードとか発射角度は渡せないんですよね。
で、色々検索するとコチラで良い方法が掲載されていました。
【Unity】Instantiateで生成したGameObjectのScriptに引数を渡す方法
引数を渡す用の関数を作って別のスクリプトから読み込む感じかな。
boss0_bullet_move.csのpublic void Create_rad_ds_bu_ex_ey(float direction, float speed, int bullet, float ex, float ey)が引数を渡すようの関数です。
引数（発射角度、スピード、弾画像種類、発射位置x、発射位置y）

弾の移動に必要な要素は角度とスピードなのですが弾の画像や発射位置も制御したかったので5つの引数を入れました。
こうすることでスクリプトは一つですが色んな画像の色んな弾を表現出来ます。

例えばboss0_move.cs側で下記のように書けば1フレームに1回、8方向に回転しながら弾幕が発射されます。

 for (rad = 0f; rad < 6.28f; rad += 0.8f)//弾発射角度が6.28になるまで発射、6.28で一回転(3.14の2倍)青弾用

                {

                    GameObject shot = Instantiate(boss0_bullet_prefab, transform.position, transform.rotation) as GameObject;//敵弾生成

                    boss0_bullet_move s = shot.GetComponent <boss0_bullet_move >();//boss0_bullet_moveスクリプトを取得

                    s.Create_rad_ds_bu_ex_ey(rad + rad2, 0.1f, 0, 0, 0);//boss0_bullet_moveスクリプトのCreate_rad_ds_bu_ex_ey関数に弾の初期情報を渡す

                }

それと、ややこしくなるので自機とボスの当たり判定は行っていません。
自機弾とボスのみ当たり判定を行って、倒したら最初に戻るようにしました。

以上、稚拙な内容ですがどなたかの役に立てば幸いです。

このプログラム、画像は自由に使って頂いて構いませんが著作権は放棄していません。

本プログラムを使用したことで発生した如何なる不都合に対して、作者は責任を追いかねますのであらかじめご了承ください。ソースファイルの改変などはご自由に行って頂いて結構です。