KT.SOFTWARE blog

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/11/22 (Fri)

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

両画像ともにサムネイルとなっていますのでクリック後に保存して下さい。
保存するとこんな感じです。

背景を表示する前に画像サイズについて書いてみます。
Unityは色んな解像度に対応するためなのかドットで考えるのではなくスケールで考えます。
なので画面サイズも例えば640x480と考えるのではなく4:3で考えます。
座標もx=220,y=220ではなくx=2.2,y=2.2のように考えるので背景などの大きさも画面比率を考えて作成する感じになります。
今回は1280x960（画像はスクロール用に1920になってます）で作成していますがMain Cameraの設定などで倍率はどうにでもなるのでキャラクターや背景などを作成する時はスケールで考えると良いと思います。（ちなみに画像サイズは4の倍数になるように作成しておくのが良いです。Unityで扱える画像の最大サイズは2048x2048となるようです。）

保存した背景画像をSceneタブにドラッグ・アンド・ドロップします。

すると表示順位がおかしいので自機などが背景に隠れて見えなくなってしまします。

これを回避するためにレイヤー機能を使用します。
画面右上にあるLayersタブをクリックして一番したのEdit Layers...を選択

真ん中のSorting Layersを下記のように設定します。
background1
background0
ship_bullet
ship
enemy
enemy_bullet

shipやenemyなどそれぞれのキャラクターのInspector内のSprite RrndererにあるSorting Layerの設定をキャラクターに合わせた設定に変更すると正しい表示順位で表示されました。

次に背景を移動させます。
Projectタブで右クリック→Create→C# Scriptでスクリプトを作成。名前はbackground_moveとして下記のコードを入力します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class background_move : MonoBehaviour {
    private SpriteRenderer sp;//半透明処理用
    public float speed = -0.3f;//スクロールスピード
    public float alpha = 0.5f;//アルファ値

void Start () {
        FillScreen();//画面枠に背景を合わせる命令
        sp = GetComponent< SpriteRenderer >();//半透明処理用
        var color = sp.color;//半透明処理用
        color.a = alpha;//半透明処理用
        sp.color = color;//半透明処理用
    }
	
	// Update is called once per frame
	void Update () {
        transform.Translate(0f, speed, 0f);//背景移動
        if (transform.position.y < -5f)
        {
            transform.position = new Vector3(0, 5f, 0f);//背景の位置を元に戻す
        }

}

void FillScreen()
    {
        SpriteRenderer sr = GetComponent< SpriteRenderer >();

// カメラの外枠のスケールをワールド座標系で取得
        float worldScreenHeight = Camera.main.orthographicSize * 2f;
        float worldScreenWidth = worldScreenHeight / Screen.height * Screen.width;

// スプライトのスケールもワールド座標系で取得
        float width = sr.sprite.bounds.size.x;
        float height = sr.sprite.bounds.size.y/2;

//  両者の比率を出してスプライトのローカル座標系に反映
        transform.localScale = new Vector3(worldScreenWidth / width, worldScreenHeight / height);

// カメラの中心とスプライトの中心を合わせる
        Vector3 camPos = Camera.main.transform.position;
        camPos.z = 0;
        transform.position = camPos;
    }
}

今回は海画像の上に雲画像を重ねて雲画像を半透明処理して2重スクロールさせようと思います。

半透明処理についてはUnityのGUIの方でも出来るみたいなのですが、私はスクリプトで変更したかったのでGetComponent<SpriteRenderer>()でオブジェクトのスプライト情報を取得して

var color = sp.color;//半透明処理用

color.a = alpha;//半透明処理用

sp.color = color;//半透明処理用
でアルファ値を変更しています（０f～１fの範囲内）
color.a =をcolor.rとかcolor.gとかcolor.bとかに変更すると赤、緑、青の要素も変更出来ます。

スクロール処理ですが、まず最初に背景画像をSceneタブに置いた時に画面枠と画像がずれてしまうんですよね。

手動で枠を合わせるのも大変だしどうしたものかと思って検索したらおもちゃラボさんに良い記事がありました。
おもちゃラボ-Spriteを画面いっぱいに広げるスクリプト

画面枠と画像の大きさを比べて画面枠に合わせて表示させてくれます。
今回はこれをそのまま使わせてもらっていますが画像サイズがスクロールさせる関係でy軸が2倍になっているのでfloat height = sr.sprite.bounds.size.y/2;の部分でy軸を1/2にしています。

背景画像については1280x960の画像を縦に2枚並べて1280x1920の画像にして、それをスクロールさせて下まで来たら元の位置に戻す処理を繰り返してスクロールさせています。

作成したbackground_moveスクリプトをHirerarchyタブのbackground0とbackground1にアタッチします。

Hierarchyタブのbackguround0と1のスクリプトの数字をbackguround0の方はspeed0.3、alpha0.5にbackguround1の方はspeed-0.02、alpha1にそれぞれ変更します。

この状態で再生ボタンを押すと画面枠の丁度良い位置に半透明された雲が海の上を二重スクロールして表示されたと思います。

PR

2018/10/18 (Thu) Unity Comment(0)

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

こんな感じ

Projectタブにある追加した画像をSceneタブにドラッグ・アンド・ドロップします。

Projectタブで右クリック→Create→C# Scriptでスクリプトを作成。名前はenemy0_bullet_moveとして下記のコードを入力します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class enemy0_bullet_move : MonoBehaviour {
    private float etx  = 0f;//敵弾の位置ｘ
    private float ety  = 0f;//敵弾の位置ｙ
    private float etxv = 0f;//敵弾の移動量ｘ
    private float etyv = 0f;//敵弾の移動量ｙ
    private float rad  = 0f;//弾の移動角度
    private float ds   = 0f;//弾の速さ
    
    void Start () {
        Vector2 e0 = transform.position;
        etx = ship_move.px - e0.x;//自機と敵の角度計算
        ety = ship_move.py - e0.y;//自機と敵の角度計算
        rad = Mathf.Atan2(ety, etx);//自機と敵の角度計算
        ds = 0.1f;//弾の速さ
        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.rotation = Quaternion.Euler(0, 0,rad* Mathf.Rad2Deg);
            transform.position = pos;//敵弾表示

if (transform.position.y < -6f || transform.position.y > 6f || transform.position.x < -7 || transform.position.x > 7 )
            {
                Destroy(gameObject);//敵弾削除
            }
        }
    }
}

今回はちょっと難しいです。
まず、自機狙い弾を撃たせるのに必要な要素として自機位置、敵位置（弾発射位置）、自機と敵の角度が必要になります。
敵の位置はtransform.positionで取得出来ます。
自機の位置を調べる方法としてGameObject.Find関数を使う方法と自機側のスプリクト（今回の場合はship_moveスクリプト）でpublic staticで変数を宣言する方法があります（他にももっと方法はあると思います。）

GameObject.Find関数で探すのが良さそうだったのですが自機が死んでしまった時など探すオブジェクトが無い時の処理が面倒そうだったので今回は自機側のスプリクトでpublic staticで変数を宣言する方法にしました。
この方法だと他のスクリプトから参照出来てしまうのでバグの原因にはなりやすいので注意が必要です。

自機の位置と敵の位置がわかれば角度の計算は簡単です。

Vector2 e0 = transform.position;//敵弾の位置

etx = ship_move.px - e0.x;//自機と敵の角度計算

ety = ship_move.py - e0.y;//自機と敵の角度計算

rad = Mathf.Atan2(ety, etx);//自機と敵の角度計算

ds = 0.1f;//弾の速さ

etxv = Mathf.Cos(rad) * (ds);//敵弾の移動量x

etyv = Mathf.Sin(rad) * (ds);//敵弾の移動量y
こんな感じでAtan2で角度を求めてCos Sinで移動量を求める感じです。
ship_move.pxと書くとship_moveスクリプト側でpublic static float px;みたいに宣言した変数をenemy0_bullet_moveスプリクトで参照出来るようになります。px,pyに自機位置を入れておくのを忘れずに。

それと弾の表示角度をtransform.rotation = Quaternion.Euler(0, 0,rad* Mathf.Rad2Deg);で回転させて表示しているのですがAtan2で求められるのはラジアンなので角度に変換する必要があります。
Rad2Degがそれでラジアンから角度に変換してくれます。
逆はDeg2Radで角度からラジアンに変換してくれるようです。

ship_moveスクリプトも下記のように書き換えます。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ship_move : MonoBehaviour {
    public GameObject ship_bullet_prefab;
    private float pxv = 0f;//x軸移動量
    private float pyv = 0f;//y軸移動量
    private float move = 0f;//移動スピード
    private float shot_time = 0;//自機ショット発射間隔用
    public static float px = 0;//自機位置ｘ外部ファイル参照用
    public static float py = 0;//自機位置ｙ外部ファイル参照用

void Start () {
		
	}
	
	void Update () {
        move = 0f;
        pxv = 0;
        pyv = 0;

if (Input.GetKey(KeyCode.LeftArrow))
        {
            pxv = -1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.RightArrow))
        {
            pxv = 1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.UpArrow))
        {
            pyv = 1;
            move = 0.08f;
        }
        if (Input.GetKey(KeyCode.DownArrow))
        {
            pyv = -1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.Z) && (shot_time % 4 == 0))
        {
            Instantiate(ship_bullet_prefab, transform.position, Quaternion.identity);
        }

if (pxv != 0 && pyv != 0) move = move * 0.71f;//斜め移動時の速度を落とす処理
        Vector2 pos = transform.position;
        pos.x = pos.x + (pxv * move);    // x座標加算
        pos.y = pos.y + (pyv * move);    // y座標加算

px = pos.x;//自機狙い弾用
        py = pos.y;//自機狙い弾用

if (pos.x < -6f) pos.x = -6f;//画面からはみ出さない処理
        if (pos.x > 6f) pos.x = 6f;
        if (pos.y < -4.5f) pos.y = -4.5f;
        if (pos.y > 4.5f) pos.y = 4.5f;

transform.position = pos;//自機表示

shot_time += 1;//自機ショット発射間隔用
    }
}

public static float px = 0;//自機位置ｘ外部ファイル参照用

public static float py = 0;//自機位置ｙ外部ファイル参照用
で自機位置外部参照用の変数を作っておいて

px = pos.x;//自機狙い弾用

py = pos.y;//自機狙い弾用
で自機位置を代入しています。

先程作成したenemy0_bullet_moveスプリクトをenemy0_bulletにアタッチします。

Hierarchyタブのenemy0_bulletの名前をenemy0_bullet_prefabに変更してProjectタブのprefabフォルダにコピーしてHierarchyタブのenemy0_bullett_prefabは削除します。

enemy0_moveスクリプトを下記のように書き換えます。

public GameObject enemy0_bullet_prefab;でInspectorにenemy0_bullet_prefabタブを表示させて

if(shot_time%20 == 0)

{

Instantiate(enemy0_bullet_prefab, transform.position, Quaternion.identity);//敵弾生成

}
でshot_timeを20で割った時の余りが0の時に敵の位置に敵弾を生成しています。

projectタブにあるenemy0_prefabを選択するとInspectorにenemy0_bullet_prefabタブが出来ているので、そこにenemy0_bullet_prefabをドラッグ・アンド・ドロップします。

この状態で再生させると・・・

ちゃんと自機に向かって敵弾が回転されて表示されました。オブジェクト同士の表示順位がおかしいですが、それはまたの機会に書きます。

2018/10/17 (Wed) Unity Comment(0)

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

こんな感じ。

追加した画像をUnityで選択してInspectorのSprite ModeをMultipleに変更してからSprite Editorをクリックします。

Sprite Editorが開いたらSliceを押してTypeをGrid By Cell Sizeに変更しX、Yをそれぞれ96に変更してSliceボタンを押すと96x96ドットで画像が分割されます。便利！

Projectタブの画像が分割されていれば成功です。

分割した画像を全て選択してSceneタブにドラッグ・アンド・ドロップするとアニメファイルを保存するタブが出てきますので任意の名前（今回はenemy0.anim）で保存します。

作成されたアニメファイルの再生ボタンみたいなアイコンの方をクリックするとアニメをループするかどうかの選択が出来ます。
Loop Timeのチェックを外せばループしなくなります。今回はループさせたいのでそのままで。

再生ボタンじゃない方をダブルクリックするとアニメの再生スピードを変更出来ます。
オレンジの部分をクリックしてSpeedを変更すればOK。今回は2にしておきました。

一度、真ん中の再生ボタンを押してみてちゃんと敵がクルクル回っていればOKです。
敵移動のスクリプトを作成しますので右クリック→Create→C# Scriptでスクリプトを作成。
名前はenemy0_moveとして下記のコードを入力。

今回もtransform.Translateで移動させています。自機弾の時とは反対方向に動くので-0.03fとなっています。

if (transform.position.y < -6)で敵座標が-6以下になったらDestroy(gameObject)で敵削除。

作成したenemy0_moveスクリプトをenemy0にアタッチします。

アタッチしたらHierarchyタブのenemy0名前をenemy0_prefabに変更してProjectタブのPrefabフォルダにドラッグ・アンド・ドロップでコピーして、Hierarchyタブのenemy0_prefabは削除します。

次にゲーム時間を制御するためのタイムテーブルを導入します。
まず、Hierarchyタブ右クリック→Create Emptyで空のゲームオブジェクトを作成します。
名前はtime_tableとしておきます。
Projectタブで右クリック→Create→C# Scriptでスクリプトを作成。名前をtime_tableとして下記のコードを入力します。

public GameObject enemy0_Prefab;で追加したい敵などをInspectorに入力するタブを表示させます。

if(game_time%10==0)でgame_timeを10で割った時の余りが0の時に敵を生成。
Instantiate(enemy0_Prefab, new Vector3(-6f + 12f * Random.value, 6, 0), Quaternion.identity)でx軸はランダムでy軸は6の位置に敵を回転させずに表示します。
game_timeの概念があれば例えばgame_time=100とかにすれば100の時に好きな場所に表示なども可能ですね。

作成したtime_tableスクリプトをHierarchyタブのtime_tableにアタッチします。

アタッチしたtime_tableを選択するとInspectorにenemy0_prefabタブが出来ているのでそこにProjectタブのenemy0_prefabをドラッグ・アンド・ドロップ。

この状態で真中の再生ボタンを押せば敵がワラワラ生成されます。

time_tableのif(game_time%10==0)をif(game_time%1==0)とかにするとこんな感じにもなります。

こんな感じで敵を追加していけば、自分の好きな時に好きな場所に色んな敵を表示出来るようになります。

2018/10/16 (Tue) Unity Comment(2)

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

こんな感じで保存します。

保存したらUnity側にも反映されるのでProjectタブにあるship_bullet.pngをSceneタブにドラッグ・アンド・ドロップするとHierarchyタブにship_bulletが生成されます。

Projectタブにマウスを持っていって右クリック→Create→C# Scriptでスクリプトを作成。名前はship_bullet_moveとしておきました。

ship_bullet_moveをタブルクリックしてVisualStudioを立ち上げて下記のコードを入力します。

今回は transform.Translate(0, 0.3f, 0);で自機弾の移動を行っています。真っ直ぐ進むだけなら数値を指定するだけで良いので便利ですね。
ただ、そのままだと画面外に消えてもオブジェクト自体は残り続けるのでif (transform.position.y > 5)でオブジェクトの位置が5以上になったらDestroy(gameObject);で削除しています。

スクリプトを保存したらProjectタブにあるship_bullet_moveスクリプトをHierarchyタブにあるship_bulletにアタッチします。

この時点で一度再生ボタンを押してみてください。自機弾が上に飛んで行けば成功です。

しかし、この状態では一発づつしか発射出来ないので不便です。沢山の弾を発射出来るように簡単にコピー（クローンを作って）して使えるようにします（プレハブ化すると言うようです）

まずはHierarchyタブにあるship_bulletの名称をship_bullet_prefabに名称変更します。
マウスをProjectタブに持っていて右クリック→Create→Folderで新規フォルダを作成。名前はPrefabにしておきます。

Hierarchyタブにあるship_bullet_prefabをProjectタブに作成したPrefabフォルダにドラッグ・アンド・ドロップするとコピーが生成されます。
コピーが生成されたらHierarchyタブにあるship_bullet_prefabは削除します。

次に自機移動スクリプトからship_bullet_prefabを呼び出せるようにship_moveの方のスクリプトを変更します。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ship_move : MonoBehaviour {
    public GameObject ship_bullet_prefab;
    private float pxv = 0f;//x軸移動量
    private float pyv = 0f;//y軸移動量
    private float move = 0f;//移動スピード
    private float shot_time = 0;//自機ショット発射間隔用

void Start () {
		
	}
	
	void Update () {
        move = 0f;
        pxv = 0;
        pyv = 0;

if (Input.GetKey(KeyCode.LeftArrow))
        {
            pxv = -1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.RightArrow))
        {
            pxv = 1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.UpArrow))
        {
            pyv = 1;
            move = 0.08f;
        }
        if (Input.GetKey(KeyCode.DownArrow))
        {
            pyv = -1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.Z) && (shot_time % 4 == 0))
        {
            Instantiate(ship_bullet_prefab, transform.position, Quaternion.identity);
        }

if (pxv != 0 && pyv != 0) move = move * 0.71f;//斜め移動時の速度を落とす処理
        Vector2 pos = transform.position;
        pos.x = pos.x + (pxv * move);    // x座標加算
        pos.y = pos.y + (pyv * move);    // y座標加算

if (pos.x < -6f) pos.x = -6f;//画面からはみ出さない処理
        if (pos.x > 6f) pos.x = 6f;
        if (pos.y < -4.5f) pos.y = -4.5f;
        if (pos.y > 4.5f) pos.y = 4.5f;

transform.position = pos;//自機表示

shot_time += 1;//自機ショット発射間隔用
    }
}

まず最初のpublic GameObject ship_bullet_prefab;でオブジェクトとしてship_bullet_prefabを呼び出せるように宣言します。
（このようにpublic GameObject～と書くことでInspectorタブのスクリプト内に枠が出来ます。）
あとショットの発射間隔制御用にshot_time変数を用意しました。
ちなみにprivateで宣言すると、そのスクリプト内のみ有効な変数となり、publicで宣言すると他のスクリプトからも参照出来る変数となりますので、変数名の付け方に気を付けたほうが良くなります。
ついでに画面からはみ出さない処理も追加しておきました。
自機ショットの発射は下記のコードでZキーが押された時でshot_timeを4で割った時の余りが0の時に発射されます。

if (Input.GetKey(KeyCode.Z) && (shot_time % 4 == 0))

{

Instantiate(ship_bullet_prefab, transform.position, Quaternion.identity);

}
Instantiate（オブジェクト,位置,回転）はオブジェクトを生成する命令。
ship_bullet_prefabを自機の位置に回転させずに生成しろって意味となります。

上記のスクリプトを保存してHierarchyタブのshipをクリックするとInspectorタブのship_moveスクリプト内にShip_bullet_prefabタブが出来ているので、そこにProjectタブにあるship_bullet_prefabをドラッグ・アンド・ドロップします。

この状態で再生ボタンを押せばZキーを押すと自機弾が発射されるようになるはずです。

これ、何が凄いって配列変数とか考えなくても勝手に沢山のオブジェクトを動かしてくれてる点。余計なこと考えなくても何か良い感じにしてくれてる感があって凄いなぁと思いました。

2018/10/15 (Mon) Unity Comment(0)

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

好きなプロジェクト名を付けてTemplateは2Dにして任意のフォルダにプロジェクトを作成します。

プロジェクトが出来上がったら↓の画像を作成したプロジェクトフォルダのAssetsフォルダの中に適当なフォルダを作って、その中に入れます。

こんな感じ↓

するとUnityのProjectタブに追加したフォルダと画像が出てきます。

追加したship.pngをSceneタブにドラッグ・アンド・ドロップするとHierarchyタブにshipが生成されます。

マウスカーソルをProjectタブに持っていって右クリック→Create→C# Scriptでスクリプトを作成。名前はship_moveとしておきました。

ship_moveをダブルクリックするとVisualStudioが立ち上がってスクリプトを作成することが出来ます。

void Start () は最初の1回だけ呼び出される命令。

void Update ()は毎フレーム呼び出される命令を書く所となります。

そこに下記のコードをコピペして保存します。
内容としてはアローキー（矢印キー）キーコードを検出して矢印の向きにあった方向に移動させています。
if (Input.GetKey(KeyCode.LeftArrow))なら左のキーを押した時となります。
Vector2 pos = transform.position;ってのは自機の位置情報=transform.positionを変数posに代入しています。ちなみに3Dの場合はVector2(x,y)ではなくVector3(x,y,z)を使うようです。

<br><br>using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class ship_move : MonoBehaviour {
    private float pxv = 0f;//x軸移動量
    private float pyv = 0f;//y軸移動量
    private float move = 0f;//移動スピード

void Start () {
		
	}
	
	void Update () {
        move = 0f;
        pxv = 0;
        pyv = 0;

if (Input.GetKey(KeyCode.LeftArrow))
        {
            pxv = -1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.RightArrow))
        {
            pxv = 1;
            move = 0.08f;
        }

if (Input.GetKey(KeyCode.UpArrow))
        {
            pyv = 1;
            move = 0.08f;
        }
        if (Input.GetKey(KeyCode.DownArrow))
        {
            pyv = -1;
            move = 0.08f;
        }

if (pxv != 0 && pyv != 0) move = move * 0.71f;//斜め移動時の速度を落とす処理
        Vector2 pos = transform.position;
        pos.x = pos.x + (pxv * move);    // x座標加算
        pos.y = pos.y + (pyv * move);    // y座標加算

transform.position = pos;//自機表示
    }
}

スクリプトを保存したらProjectタブにあるship_moveをHierarchyタブにあるshipにドラッグ・アンド・ドロップします。ちなみに、こんな感じでオブジェクトに色々と足していく行為をアタッチすると言うそうです。
Inspectorタブに先程アタッチしたスクリプトが表示されていればOK
画面真ん中にある再生ボタンを押せば矢印キーで自機が動くようになっています。

と言った感じで、正直たったこれだけで自機が動かせるようになったのは驚きです。
プログラムとして書いたのは自機の移動処理だけですので、簡単に動かせるように作ってあって凄いなーと感じました。

2018/10/14 (Sun) Unity Comment(0)