feature image

2017年4月26日 | ブログ記事

仕様を決める【新歓ブログリレー2017 23日目】

この記事はtraP新歓ブログリレー2017 の26日目の記事です。

はじめに

こんにちは、16情報工学系のninjaです。traP内では主にプログラマをしています。

最近作ったもの

http://pixelart.ninja.trap.show/2D/

操作方法:カーソルキーの左右

ドット絵体験会で使用した2Dゲームです。

体験会では参加者に画像を自分でうって、差し替えて遊んでもらいました。

今回は備忘録ついでに普段行ってるアイデアから仕様決めまでをまとめました。

マウスを使うゲームでよくある↓のようなアイテムボックス的なメニューを例として作っていきます。

仕様決め

いきなりプログラムを書き始めるのは大変なので、

先に実装したい機能を挙げていきます。

イメージ

見えるもの

ユーザーの入力

左クリックの挙動

右クリックの挙動

必要な素材がわかったので素材が用意できます。

クラス図

*JavaScriptで実装するので数値系は全部Numberです。

Menuクラスから木の様に下部のクラスへupdate()が呼ばれていきます。

Boxは収納場所(プレイヤーの持ち物や箱の中身)のクラス、ItemCompはItemFrameを2次元配列で管理するためのクラスです。

カーソルとアイテムが重なっているかは最上位のメニューで行っています。

おわりに

できたものがこちら

既視感 #traP進捗 pic.twitter.com/lgwEx0SlsC

— n-inja (@ninja9973) 2017年4月22日

http://gamemenu.ninja.trap.show/

(実装についても書こうと思っていましたがそれだけで1記事になりそうだったので今回はここまでです)

明日は「入部歓迎パーティ案内」と「合同変換」です。お楽しみに

ninja icon
この記事を書いた人
ninja

競技プログラミングなどをします

この記事をシェア

このエントリーをはてなブックマークに追加
共有

関連する記事

2020年5月15日
【新歓ゲーム制作特集 第2弾】Inverse製作秘話
Saltn icon Saltn
2019年5月16日
Party Kingdom
Double_oxygeN icon Double_oxygeN
2018年4月17日
春休みにゲームを作りました
uynet icon uynet
2018年3月17日
traPのゲーム制作ってどんな感じ?
Saltn icon Saltn
2020年5月19日
【新歓ゲーム制作特集 第6弾】個人でゲームを作る話
Facish icon Facish
2019年8月20日
Intuition―1分ギャルゲ
gotoh icon gotoh
記事一覧 タグ一覧 Google アナリティクスについて