編集部イチオシ
2017年7月30日

土日の2日間で音ゲーを作ってみた記録

自分のメモ用に作っておきます。やりたい事が決まっていれば、それを一つずつやるだけでゲームは作れるので、「自分もやってみるか!」と思ってもらえたら嬉しいです。
59
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

この土日が暇で暇で仕方ないのでUE4を使って簡単な音ゲーを作ろうと思い、「土日で音ゲーを作ろう! in UE4」を始めます。 というわけでよろしくお願いします #UE4 #UE4Study #indiedev #土日で音ゲー作ろう

2017-07-29 13:02:16
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

譜面用の構造体を作ります。String型で「Command」「Arg1(引数1)」「Arg2(引数2)」を用意します #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/H77jCv0wdT

2017-07-29 13:06:50
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

さっきの構造体を使って、このようにデータテーブルを作っていきます。これはCSVで作ったものをインポーヨすることも出来るけど、今はテスト段階なのでこのエディタ上で入力しました。 #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/EFS3Qg1b3j

2017-07-29 13:08:42
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

最後の行にあった「1」「0」「01001001」の項目が実際の譜面配置になります。「1」=1小節目の 「0」=0番目のレーンに 「01001001」=0を休符、1を音符として文字数ぶんの等間隔に配置 です。 #UE4 #UE4Study #indiedev #土日で音ゲー作ろう

2017-07-29 13:11:12
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

将来ロングノートまでは搭載したいので2がロングノート開始、3がロングノート終了って感じにはなると思います それ以上に譜面の種類が増えたところで9種類(1~9に対応。0は休符のため)にはならんだろ(慢心) #UE4 #UE4Study #indiedev #土日で音ゲー作ろう

2017-07-29 13:12:40
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

譜面のフォーマットが確定したので、それをロードする仕組みを作らなければいけません。ということでまずここまでは作ってみました。コマンドから先はもうちょっと色々準備してから作らないといかん。 #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/BZJ4uh2mAv

2017-07-29 13:14:28
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

タイトル、BPM、ジャンルについては例によって例のごとくウィジェットやリザルトにも表示するし、ゲームレベルとリザルトレベルが独立している以上はプレイデータをGameInstanceに持たせる必要があります #UE4 #UE4Study #indiedev #土日で音ゲー作ろう

2017-07-29 13:22:07
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

ところで、GameInstanceを持ってくる時に毎回毎回こうしてるのってめんどくさくないですか  #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/r3AP9j7QI5

2017-07-29 13:42:01
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

ということで、まずは純粋キャストに変更します。これで実行ノード通さなくて良いね!! #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/8tYbkjduvw

2017-07-29 13:42:53
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

これをマクロに折りたためば、あとはコレを呼ぶだけでいいので楽ちんですね  #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/4h74Nf3dws

2017-07-29 13:45:00
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

というわけでここまで進みました。これで曲名とアーティスト名、BPM、ジャンル名まではセットできますね。 #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/lsBVIZvbMk

2017-07-29 13:50:54
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

譜面生成は同じグラフ内でやるとゴチャゴチャになるので、このように譜面生成用の関数を用意しておきます(まだ中身はすっからかん) #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/89dPhBgZ4Q

2017-07-29 13:57:24
拡大
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

L.F.O.で使ってた自作マテリアルを持ってきました。これで多少かっこよさげなものが作れるのではないでしょうか #UE4 #UE4Study #indiedev #土日で音ゲー作ろう https://t.co/K1g9QnV9x5

2017-07-29 14:06:29
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

でこのマテリアルですが、マテリアルインスタンス化した時にいじれる部分を結構多くしてあります。これを…… #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/gm6JGSMwuI

2017-07-29 14:23:33
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

このように先程のマテリアルインスタンスを編集することで、3つのレーンが生まれましたね。 #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/UkNSYGTcSo

2017-07-29 14:26:03
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

というわけで、このマテリアルを適用することで仮のレーンが出来上がりです。 #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/nsp0kk9a9B

2017-07-29 14:27:46
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

レーンの角度や座標を修正して、このような画面ができました。もう音ゲーっぽくないですか? #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/SOdWQm3YPm

2017-07-29 14:30:51
拡大
D.Ohnuma a.k.a Bigswamp@ポッピンシャワーにハマる @dfk_ohnuma

ちょっと考えてたけど、SequenceLineというアクタとNoteComponentというアクタコンポーネントを増やしました。Lineアクタの上にNoteコンポーネントを生成していく感じです。  #UE4 #UE4Study #indiedev #土日で音ゲー作ろう pic.twitter.com/bpNG7lTUbl

2017-07-29 14:56:45
拡大
残りを読む(62)

コメント

よもやま@垢変しました。 @yomoyamawara 2017年7月31日
何を言ってるのかさっぱりわからんがすごい
3