〜これはtraP新歓ブログ2018/4/17の記事です〜

こんにちは、今日はゲーム制作の話します

経緯

ゲーム作りたくない?

昔からずっとゲーム作るのが夢で、traPに入ってずっとやろうとしていたものの、なんやかんやあって手が出せず、曲作ってたりしてた

2017/12/26 NinjaFlickerが完成

参加してたゲームプロジェクトが終了して暇になったのでゲーム制作してみることに。
個人制作は初めて.....といえばウソになりますが、こういうのしか作ったことなかった

背景

当時学部3年だったのですが、4年で卒研が始まり忙しくなります。
単位は大体揃っていたので暇です
そして†偶然にも†3ヶ月後には大学サークルがよく集まってるゲームの展示会があるらしいです。
もう言いたいことはわかりますよね?

記事の概要

という訳で、春休みをほぼ全部つぎ込んでゲーム作りました。

http://kawasemi.uynet.trap.show
↑からあそべるよ！(PCからアクセスしてください Chrome推奨)
(未完成でちょっと雑な部分があります)

こんなゲームです

「サイハテドロップ」というゲームです
今のとこストーリーはないのですが、操作感やらエフェクトの良さに重点を置きました。
ミサイルとかレーザーを撃ちながら洞窟を進んでいくだけですが、それでも楽しいです。

BGM・効果音を作った

↓ステージ曲

述べた通り作曲はやっていたので作りました。音楽の為にゲームを作ったと言っても過言ではない.......と言いたい所ですがまだ満足出来るように作れてないのが現状です
ゲーム勢でも音楽まで自作している人は少ないので、これはアドバンテージかも
特に効果音は操作感がありえん変わってくるので、作ってて楽しいです。

ドット絵を描いた

部内プロジェクトでよく副業でドット絵を描いていたのもあり、作りました。
ちなみにドット絵というとレトロ感が〜などと良く言われますが、別にそういうつもりはなく表現として好きなので選んでます。

↑鉄骨がお気に入り

フォントを作った

フォントでドット絵の雰囲気を壊したくなかったので、作りました。

8x8という小ささもあり安定して読める文字を作るのがとても難しいです。
というか今でも読みづらいです...
もしかしたら、読みやすいように書き直すかもしれません。
ひらカタ濁半大小英数大小記号が打てます。

(一部協力:@winnie_on @phi16)

エフェクト

エフェクト全般、特に爆発に力を入れました

†ちょっと†改造しています
レーザーサイトはあんま意味ないんですが、なんとなくカッコよかったので付けました。

振動は本当に大事

(ドット絵なのに拡大を使ってしまったのが心残りなので、時間があればちゃんと描画部分を書き直そうかなぁと思っています)

ステージを作った

• ステージデザイン
  見た目がいい感じのマップチップは作ってみると意外と難しく、あまり知見が広がってないように思えます。
  • なんか
    

言葉では説明できないやつです 良いよね

あと青系統に偏りがちなのでアクセントカラーを置いたり

• 遠近感の演出

レイヤーによって動く速度を変えたり

実は背景含めてレイヤーを5層使ってます。
ちなみにマップエディターはTiledを使っています。

開発日記

一部ピックアップしました。
全ツイート一覧はここから

目標は3/24のGAME³です

12/28 ~ 2/2

• 開発開始~春休みまで
  PIXI.jsで画像を出してみました。
  

赤い四角をキーボードで動かしてみたり、壁に当たり判定を付けてみたり、いろいろやっていくうちに

攻撃っぽいの作った pic.twitter.com/0JVaG6WmfJ

— uynet (@highsate) 2018年1月14日

うごいた

HP表示した pic.twitter.com/OEUmXUkoDn

— uynet (@highsate) 2018年1月22日

仮画像を変えるだけでかなり印象が変わって見えるみたいです。
大体基礎を作ってたので、この辺までは地味。

第1周 2/3~

春休み開始です。

• エフェクト

ちょっとエフェクトを付けてみた pic.twitter.com/msUjIFkiPc

— uynet (@highsate) 2018年2月3日

エフェクト作るのは楽しい
(敵が💩なのは気にしないでください)

• プレイヤー画像

↑↓ pic.twitter.com/OD9Ua307l0

— uynet (@highsate) 2018年2月7日

• フォント

UIをリファクタリングしたのでHP数字出せるようになった pic.twitter.com/N7EH1jb116

— uynet (@highsate) 2018年2月9日

第2周 2/10 ~

• 弾薬ゲージ

弾薬ゲージを付けました 自然回復します pic.twitter.com/QydnP7amQ6

— uynet (@highsate) 2018年2月9日

• 看板

改行できるようになった pic.twitter.com/bs6xxHtsKY

— uynet (@highsate) 2018年2月12日

• グラフィック強化

よさみのある鉄骨グラできた pic.twitter.com/bEgM4S2M8k

— uynet (@highsate) 2018年2月13日

あとこういうのとか

トゲ

第3週 2/17 ~

• 爆発

爆発エフェクト制作中 pic.twitter.com/unUdTw30x3

— uynet (@highsate) 2018年2月19日

• 追尾

ホーミング機能を付けました pic.twitter.com/hJTOC6jsih

— uynet (@highsate) 2018年2月22日

第4週 2/24~

• レーザー光線

いろいろいい感じになりました pic.twitter.com/ppv5kAl8BI

— uynet (@highsate) 2018年2月26日

• ステージ自動生成
  
  こんなかんじのステージを作りたい

ステージ無限に生成されるようになりました pic.twitter.com/JoRA9iKX6t

— uynet (@highsate) 2018年3月3日

で、これが中々難しい。
なんか思ったようにならないというか、単調になってしまう

結論から言うと、諦めました。
1週間くらいロスしてしまった

第5週(3/3~)

• ボス曲

wip(あとで消すかも) pic.twitter.com/B33RBiy7Yv

— uynet (@uynet) 2018年3月8日

• 敵AI

見られてると露骨にやる気出すタイプ pic.twitter.com/DwJI1pkV4A

— uynet (@highsate) 2018年3月9日

ちょっと捻りがあるAIを作ってみた
壁も思い切ってイメチェンしました

第6週(3/10~)

大体今の形に近づいてきました。
見た目とかレベルデザインの調整をしていきます。

• 音

効果音作った！ pic.twitter.com/uOmOxNgkIH

— uynet (@highsate) 2018年3月13日

• 下から通れる床
  
  操作がムズいような気がしてたので導入しました。
  これがあると上への移動がかなり楽になります。!

• 破片エフェクト
  
  箱が壊れた時の破片を描きました。爽快感up

第7週(3/17~)

最後の週です。
見た目とか整えていきます。

• 敵
  普通の雑魚とか
  
  爆弾落とす敵とか
  
  踏むと怒るやつとか
  
  いろいろ増やして盛り上げます
  量産可能なデザインなのがいいところです

• 細かいやつ

ステージ表示 よくない? pic.twitter.com/tEswWUBuRJ

— uynet (@highsate) 2018年3月22日

• 細かいやつ2

ミニアイコン pic.twitter.com/AJTCRcPsMQ

— uynet (@highsate) 2018年3月22日

最終日

一気にステージを作り、完成〜

タイトル画面もつくりました

というわけでいよいよ展示です。

展示(3/24)

思ったより好評でした
というか、めっちゃ人が来てビビりました。
(なんか強そうな方から名刺も頂いてしまった)
投票で1位に選ばれて嬉しい
(ありがとうございます)

今後

今は開発を休止してて、研究周りの色々をやっています。
しばらくは突貫工事の爪痕を直す作業になりそうです。
準備が出来たらまた再開しようと思っています
果たしてそんな暇あるのか。。。

一応先日のLTでも発表したので資料を置いておきますね
https://hackmd.io/p/Hkwv6dQjG#/

ありがとうございました。
明日はJichouPさんの記事です。