前回描いた絵をゲームに使おうとしたんですが重大なことを忘れていました。
アスペクト比です。
最近のゲームはスマホに移植することも考えて16:9で作られることが多いので、自分もそれに倣ってアスペクト比を16:9にしようと考えていたのですが、Twitterの見栄えを気にして253×253で作っていたことをすっかり忘れていました。
ということで修正しました。
これが
↓こうなりました
サイズは384×216です。8の倍数でかつ16:9です。多くのデバイスの解像度が8の倍数なのでそれに合わせました。
Twitterの劣化が少なくて済むのは1:1ですが、これからは多少劣化しても16:9で描こうかなと思っています。
今回の作業をするまでは「別に横に引き伸ばすだけだし大したことない」と思っていましたが、やってみると結構時間がかかってしまいました。
でも楽しかったです。
明日はUnityにこれを実装して、各シーンに遷移できるようにするところまでやろうとおもいます。
それでは。
連作です。
自作ゲームの雰囲気を決めるために描いています。
Twitterの反応見る限りこの方向性で正解っぽいですね。すこぶる反応がいいです。
ポーション屋さん#pixelart #ドット絵 pic.twitter.com/UGSttJI1v4
— 水キノコ (@mizukinoko4) 2021年1月26日
正直絵の方はいいねが付かなくても割とすぐ立ち直れますが、ゲームの方はコケるときついので割と慎重になっています。
素材の差し替えって一番きついので出来るだけ変更したくないんですよね。。。
とりあえずこの路線で作って行こうと思います。
それでは。
今まで使っていたRot.js(ダンジョン生成のライブラリ)がUnityでは使えないので、公式チュートリアルを参考にマップを作ってみました。
この公式チュートリアルなんですが、結局一つだけ部屋を生成してそこに障害物を置くだけみたいです。僕がイメージしているローグライクと違いました。
初心者向けのチュートリアルですからあえて簡素な作りにしたのかもしれません。
もしかしたらオブジェクトの置きすぎで処理落ちするのを嫌ったのでしょうか？
まあ床張りで１ブロックずつPrefab置いたら処理落ちするかもしれません。C#はJavaScriptより遅いらしいですから。
でもどうせだったら不思議のダンジョンっぽいのをやってほしかったです。
やっぱり自分でダンジョン生成を書く必要があるようなので書きました。
前回は「区域分割法」と「2分割法」というものでダンジョンを生成していましたので、今回は「穴掘り法」というもので自動生成してみました。
中央にある草ブロックは気にしないでください。
穴掘り法だけだとこういう迷路みたいなのができます。
「できます」とかさも知っていたかの様に言っていますが、実行するまで気が付きませんでした。
穴掘り法は、
これを永遠と繰り返します。
これでもいいかな〜と思いましたが、やっぱり僕は不思議のダンジョン系のゲームが作りたかったので、自分でプログラムを書くことにしました。
立命館コンピュータクラブの領域分割とゲームプログラマーを目指すひと ランダムダンジョン生成プログラムのアルゴリズムを参考に領域分割までは作りました。
領域分割線の部分にブロックが配置されていないのは、そこが通路になる可能性があるからです。
分割した領域の中に部屋を配置して、分割線まで通路を伸ばします。
分割線に通路をつなぐことで全部の部屋をつなげられます。
通路としていらない分割線は削除してブロックを配置します。
いらない分割線を消すアルゴリズムはもう考えてあるのですが、たぶん何かしらのバグがある気がするのでちゃんと完成してからお披露目します。
現時点でこれめちゃくちゃ処理落ちしそうなんですけど、大丈夫ですかね？
まあ作るしか無い。処理落ちしたらその時考えよう。
それでは。
なんとか間に合いました。
短いです。３０秒で終わります。
一応ランキングも実装しました。まあアセットを入れるだけで出来ちゃうんですけどね。本当にUnityは何でも揃っています。
音源はフリー素材のものをお借りしました。
月火はサボって何もしなかったので、実質５日で作ったようなものです。Unity5Daysです。
今回は初参加なので要領がなにもわかりませんでした。
実はイベントの参加方法もよく知らなくて、Unityroomの方でイベントに参加する設定をしなければならないことすら知りませんでした。
タグをつければ参加できると思っていました。
でも、なんとか無事に間に合ってよかったです。
とにかく何も思いつかない。
自分の発想力が乏しいことを自覚する。
流石に水曜になってまだ何も手をつけていないのはまずいので、作りながら考える方向にシフトします。
とりあえず素材を二つほどサクッと作り、
それをUnityにブチこんで横にスライドさせてみる。
これが雛形。ここから色々と付け足して見栄えを整える。
今回お題が「あける」なので、宝箱を空ける要素を追加。
鍵の素材を作って、空けられるようにしました。
Gifを貼ろうと思いましたが、完成してからの楽しみがなくなると思ったのでやめておきました。
完成したらまた記事を書いて、ゲームのURLを公開します。興味のある方はその時に遊んでやってください。
GetComponentでRigidbodyと書いてしまうと３Dの方を取ってきてしまうらしいです。
なので、Rigidbody2Dと書かないとAddForceした際に怒られます。
There is no 'Rigidbody' attached to the "KeyGreen(Clone)" game object, but a script is trying to access it.
You probably need to add a Rigidbody to the game object "KeyGreen(Clone)". Or your script needs to check if the component is attached before using it.
こんな感じで怒られます。
この手のエラーはjavascriptで散々鍛えられていたので別にいいんですが、ちょっと不親切すぎないか？（クレーマー）
まあUnityは3Dゲームを作るやつだと思ってるので、これがデフォルトで正解だとは思います。
でもせめてコンソールにエラー吐いてほしい。
リザルトシーンにスコアを表示するようにして、タイトル画面にも戻れるようにしました。
あとBGMをつけて、タイトル画面で音量調整もできるようにもしました。
PlayOnAwakというのにチェックがついていると、自動でSEが再生されてしまうと言うことを知らなくて、てこずりました。
あとはAudioSourceコンポーネントを追加しないと音が鳴らないとか、色々と時間がかかってしまいました。
タイトルからゲームシーンに飛ぶまでに少し間隔を空けたかったので「コルーチン」というやつを使ってみました。
やることはsetTimeoutみたいな感じなんですが、IEnumeratorという変数を返す関数を引数に渡してあげないといけません。
調べたけどよくわかんなかったです。
処理を一時停止させるにはWaitForSecondsで秒数を返すんですが、その戻り値がIEnumerator型なのかな？と思っています。
Unity1WeekではWebGL形式でビルドして提出することになっていますので、その予行演習として投稿してみました。
ビルドはこちらを参考にしました。
WebGLをインストールしてなかったのでインストールしたんですが、なぜか「No module〜」と出てWebGLが使えませんでした。
まあ再起動したら直りましたけど、なんか気持ち悪いです。
ビルドしたらなぜかプレイヤーが消える現象が発生しました。
これが本当にわからなくて、３時間くらいかけてやっと修正できました。
原因なんですが、ビルドするとプレイヤーの座標だけ画面外に飛ばされていて、それで消えてるように見えていただけでした。
なので座標を修正して、ビルドしなおしたら表示されるようになりました。
UnityRoomで遊べるようにしました。しょぼいゲームなので期待はしないでください。
不安しかないですが、Unity1Weekもがんばります。
それでは。
タイトル画面とリザルト画面はこちらを参考に作りました。
Gifめちゃくちゃ重くてすみません。
リザルト画面はまだ途中です。
別のシーンに引数を渡すやり方を調べて、明日実装します。
他のstaticでないメソッドにアクセスする際はちゃんと参照取らないとダメだよ。っていうことを今日になってやっと理解しました。
//これは動かない ScoreManager.ScoreUpdate(myPoint); //これなら動く GetComponent<ScoreManager>().ScoreUpdate(myPoint);
きちっとインスタンスかしたオブジェクトを参照しやがれ。ということみたいです。
ちなみに別オブジェクトのスクリプトを参照する場合は、下にも書いていますがオブジェクトを参照してからじゃないと動かないです。
Unityはエラーが出た箇所から先のプログラムは飛ばされるらしいです。
JavaScriptの場合はエラーが出たらそもそも動かないか、もしくはその部分だけ飛ばして次のコードは実行されるので、Unityもそうだと思っていたが違った。
NullReferenceException: Object reference not set to an instance of an object
2日前からよくわからなかったエラーですが、やっと解決しました。
別のオブジェクトに付いてるScriptの関数を実行しようとして、このエラーが出てきました。
間違え
Scriptを取得するために書いたのが下のコードです。
ScoreManager sm = GetComponent<ScoreManager>();
これではダメで、別のオブジェクトに付いているScriptを参照する場合は、そのオブジェクトを取得してからでないとScriptを取得することができません。
完成//完成版 //Scriptが入っているオブジェクトを取得 GameObject scoreManagerObj = GameObject.Find("ScoreManagerObject"); //オブジェクトからScriptを取得 ScoreManager scoreManager = scoreManagerObj.GetComponent<ScoreManager>(); //Scriptを実行 scoreManager.ScoreUpdate(myPoint);
Overflowというところをいじると、枠を飛び出しても消えずに表示されるようになります。
１week で馬鹿にされるのが見える。
ぶっちゃけUnity始めて１週間でGameJamに参加するのって明らかに無謀な気がする。
やるまえは普通にいけると思ったけど、やってみたらやっぱり無理そうだわ。っていうのが僕の人生の大半を占めている気がする。
まあ１week やりますけどね。ただこっそりやります。だって恥ずかしいから。
宣言したのにやらないのは数少ない読者に失礼ですし。
あと５日で始まりますが、せいぜい頑張ります。
Can't add script component 'TextManager' because the script class cannot be found. Make sure that there are no compile errors and that the file name and class name match.
スクリプトクラスが見つからないため、スクリプトコンポーネント「TextManager」を追加できません。 コンパイルエラーがないこと、およびファイル名とクラス名が一致していることを確認してください。
スクリプトを追加しようとしたらこのようなエラーが出て追加できなくなりました。
最初はクラス名を書き損じたんだと思い確認しましたが、別におかしいところはなく、クラス名とファイル名は一致していました。
その次にUnityサイドの調子が悪いのではないかと思い、再起動しましたがこれでも直らず。
それで新規でスクリプトファイルを作り、一切何もいじらずに追加してみたのですが、これでも同じエラーで弾かれました。
何もいじってないので、クラス名とファイル名が違うわけもないですし、スクリプトファイル自体に問題があるはずもありません。
非常に悩みました。
結論から言うと、すでに追加しているスクリプトでバグがあってエラーを吐いている場合は、新規のスクリプトを追加することができなくなるようです。
ちゃんと元から追加していたスクリプトを修正したら、新規のファイルを追加できるようになりました。
スコアテキストをスクリプトで更新させたいので、public変数にしてそこにTextUIを入れたかったんですが、なぜか表示されませんでした。
これはいまだに理由がわかりません。
static変数は表示されないという記事を見てstaticを取ったのですが、それでも出てきませんでした。
明日はこの問題をどうにかしたいです。
エラーでまくって別クラスを参照できませんでした。
staticエラーぽいんですが、static付けても解決しないので今日中には終わりませんでした。
正確にはstaticつくたら動くようになったんですが、なぜか別クラスに渡す引数がNullになって渡せないんですよね。
明日はこの問題を解決してスコア表示できるようにしたいです。
それでは。
一定時間ごとにアイテムが降ってくるようにした
当たり判定を付けた
以前にUnityちゃんを動かした時もやったんですが、完全に忘れていました。
まあ最後にUnityを触ったのが５ヶ月くらい前なので、そりゃあ忘れてるわなって思いました。
インスタント生成のソースコードはこんな感じになりました。
using System.Collections; using System.Collections.Generic; using UnityEngine; public class PotionManager : MonoBehaviour { // Start is called before the first frame update void Start() { InvokeRepeating("makePotion", 0.0f, 1.0f); } // Update is called once per frame void Update() { } private void makePotion() { GameObject potion = (GameObject)Resources.Load("OrangePotion_lv1"); //インスタンス生成 Instantiate(potion, new Vector3(Random.Range(-5, 5) + 0.5f, 3.5f, 0.0f), Quaternion.identity); } }
空のGameObjectを作って、そこにScriptを貼り付けて自動生成させました。
あんまりスマートじゃない気がするんですが、みんなそうやってるみたいなのでとりあえず考えないことにします。
今日一番時間がかかったのが当たり判定です。
Rigidbody2DがついていないとOnCollisionEnter2Dが呼ばれないということを知らなくてずっと悩んでました。
アタッチできてないのかなと思って何度もPrefabを作り直していました。
当たり判定のコード
using System.Collections; using System.Collections.Generic; using UnityEngine; public class HitPotion : MonoBehaviour { // Start is called before the first frame update void Start() { } // Update is called once per frame void Update() { } private void OnCollisionEnter2D(Collision2D collision) { Debug.Log("ぶつかりました。削除します"); Destroy(this.gameObject); } }
先日作った落下してくるポーションの動きを制御するPotion.csに当たり判定のコードを追加しようと最初は思ったんですが、Unityでは当たり判定とかのスクリプトは別ファイルに分けるのがいいらしいので分けて書きました。
Unityでは一つのオブジェクトに複数のスクリプトファイルを追加できるので、こういう汎用性のあるものは使い回しができるように分けた方がいいよ。ってことなんだと思います。たぶん。
12月21日にUnity1weekという１週間でゲームを作るイベントがあるのですが、それに参加したいと思っています。
そのためにも毎日Unityに触って慣れておきたいです。
できればUnity1week前にミニゲームを一つ完成させて、Unityでのゲーム作りの流れを掴んでおきたいです。
それでは。
transform.positionを使ってプレイヤーを１マスずつ移動させました。
僕はぬるぬる移動するより１マスずつ動くゲームが好きなのでこうしました。
これマジでなんやねんって思いました。
というのも、transform.positionは直接値を書き換えられない仕様があるんです。Vector3 pos = this.gameObject.transform.position; //これOK this.gameObject.transform.position = Vector3(pos.x + 48, pos.y, pos.z); //これはダメ this.gameObject.transform.position.x = pos.x + 48;
マジかって思いましたね。
まあ公式ドキュメント見てない僕が悪いんですが、でもUnityのドキュメントってデフォルトの表示サイズがバグってるのでめんどくさいんですよね。だから見たくない。Sceneタブに何も表示されなくなるバグが起こりました。
選択状態でフォーカスし直したら直ると思ったのでやりましたが直らず。
再起動したりもしましたがダメで、ダメ元でSceneタブを複製したら直りました。
このバグの解決にわりと時間を食ってしまいました。
setIntervalみたいな関数ないのかなと思って探して出てきたのがInvokeReapeatingです。
引数に実行関数・開始時間・インターバル時間を入れると使えます。
これでポーションが一定間隔で降ってくるオブジェクトを作りました。
ソースコードはこんな感じです。
using System.Collections; using System.Collections.Generic; using UnityEngine; public class Potion : MonoBehaviour { // Start is called before the first frame update void Start() { InvokeRepeating("MovePotion", 0.0f, 1.0f); } // Update is called once per frame void Update() { } private void MovePotion(){ Vector3 pos = this.gameObject.transform.position; this.gameObject.transform.position = new Vector3(pos.x, pos.y - 1, pos.z); } }
少ないですが今日やったことは以上です。
また明日もがんばります。
それでは。
Unityでゲーム作りたいって５０００億回くらい言ってますが、いまだに作れていません。
まあphina.jsでも作れてないですが、あっちは完成しないだけで作業自体はやっています。ですが、Unityの方はまったく手を付けていません。
今までこのブログで何度も「Unityでゲーム作る」「Unityに移行する」と宣言しているのにこういう態度は良くないのではないかという思いが強くなってきました。
なので今度こそUnityを頑張ろうと思うのですが、普通にやっていたら確実にまた三日坊主になってしまうので、今日からまたゲーム制作の記録を付けていきたいと思います。
Rigidbodyを使っています。普通の横スクロールゲームを作る時にRigidbodyを使うのはあまり賢い方法では無いのかもしれませんが、とりあえず簡単そうだったのでこれで行きます。
Rigidbody2dというコンポーネントがあるんですが、これのスペルがややこしくてよく間違えました。
RigidBodyではなくRigidbodyなんですよね。
bodyが小文字なんです。
KeyCodeとかSpriteRendererとかは大文字なんですが、こいつだけなぜか小文字です。
Rigidbodyは単語扱いってことなのかな？だとしたらなんでKeyCodeは大文字なんですかね。
何を作るかはまだ決めれてません。
タイトル画面、メイン画面、リザルト画面の３つで構成される短いゲームにしようとは思っています。
それでは。
phina-aseprite-loaderを導入してみました。
いろいろやらかしましたが、なんとかできました。
すごく便利です。Asepriteでアニメーションの動きを確認してからPNGとJSON両方書き出してくれるので、楽チンです。
ググればいくらでも出てきますが、Asepriteのバージョンが違ったりしてすこし戸惑ったので、一応書きます。
フレームを全部選択して右クリックします。
そしたらメニューが表示されますので、「New Tag」を選びタグを付けます。
Asepriteの機能を使ってJsonとSpriteSheetを書き出してもらいます。
「File」からExport Sprite Sheet」を選択します。
すると、こんな感じの画面が表示されます。
ここで書き出すファイルの設定を行います。
Sheet TypeはPackedでもなんでもいいと思います。ただし、Open Sprite Sheetにチェックを入れないと書き出せないので注意してください。
次にSpriteの設定を行います。
ここの「Frames：」で先ほど設定したタグを選択します。
歩行グラなど複数のシーンがある場合は「All Frames」でもOKです。
タグ付けをしていれば、Jsonファイルに書き出す際に自動で分けてくれます。
次がOutputです。
「Output File」と「JSON Data」にチェックを入れます。
Meta情報は初期設定のままで大丈夫です。
あとはExportを押して書き出します。
書き出されたPngファイルとJsonファイルをゲームのディレクトリまで持って行ったら、phina.jsのassetsに登録します。
PNGファイルは普通に「image:{~}」に登録すればいいんですが、JSONファイルはasepriteのオブジェクトを作ってそこに登録します。
一例ですが、こんな感じで追加します。
let bomb = Sprite('bombEffect', 48, 48).addChildTo(this);
bomb.setPosition(x, y);
let bombAnim = FrameAnimation('bombSS').attachTo(bomb);
//連続再生する場合は↓を使う
bombAnim.setNext("bomber", "bomber");
//連続再生しないなら↓だけでいい
bombAnim.gotoAndPlay("bomber");
最後にindex.htmlにphina-aseprite-loaderのプラグインを読み込ませんます。
<script src='https://cdn.jsdelivr.net/npm/phina-aseprite-loader@latest/dist/phina-aseprite-loader.min.js'>
必ずphina.jsを読み込んだ後に書いてください。phina-aseprite-loaderはphina.js前提で動いているので、先に読み込ませるとエラーで止まります。
もっと早く導入すればよかったと後悔しています。
トルネコとかのローグライクゲームは、起きてランダムに動き回っている敵と眠っていて近づくまで動かない敵がいます。
それにならって、プレイヤーが一定範囲内まで近付かないと敵が気付いて襲ってこない機能を作ろうと思いました。
今までは、敵はずっとこちらに気付いていて一直線に走ってくる状態だったんで、それが嫌だったんです。
上記の機能を付け足すとバグりました。
移動キーを一回入力するだけで壁にぶつかるまで移動してしまいます。
その上、マップスクロールすら行われず、画面外に出てしまいます。
このバグですが、何回検証してもバグの動作が確定しなくて、ソースコードのどの部分が原因なのかすら分からずにいました。
付け足した機能を消せば元に戻りますが、それではいつまで経っても完成しないので、新しい機能がソースコードのどの部分に干渉しているのかを突き止める必要があります。
いろいろ探し回っているうちに１ヶ月くらい経ったのですが、今日とうとう見つけました。
この映像見たときピンときましたね。
あっこれプレイヤーのTweener処理終わる前にキー入力入っちゃってる！
たったこれだけのことでした。
バグの動作が安定しないのは、入力のタイミングがバラバラだからです。Tweener処理が終わった後コンマ数秒遅延が発生することがあるのですが、その遅延が一定じゃないんです。CPUの状態でだいぶ変わります。遅延することもあればしないこともあって、そのせいで動作が安定してませんでした。
クソみたいなバグです。
気が狂いそう。
マジでなんで気がつかなかったんだろう。
なにはともあれやっとできました。
プレイヤーは行動してますが、左上の敵は移動してません。敵がプレイヤーを見つけられていないからです。
これが作りたかった。
残り１週間もないですが、１０月で完成させる予定なので階層を１０層減らしてなんとか完成まで漕ぎつけようと思います。
