画面構成

 

↑UIのレイアウトのイメージ

↑背景の動きのイメージ。雲の動き・地球の動きはよく見ると動いているレベル

↑ゴールドスシ出現の
アニメーションイメージ

項目

画像

説明

項目

画像

説明

フォント

M+

https://mplus-fonts.osdn.jp/about.html

 

ロックンロール・レゲエ・ドットゴシック・クレー

https://fontworks.co.jp/news/2021/01/15/9531/

M+:組み込みOK再配布可能なフォントで、すっきりしたデザインなのでこれを主に使おうと思う。

ロックンロール・レゲエ:組み込みOK再配布可能でロックンロールはゼルダの伝説風のタクトで使われている。クセがあるが強調したいところに使えそうなのでメモ程度の感覚でここに記載しております

ドットゴシック:ミニゲームに使えそう?

レベルゲージ

ワサビのレベルゲージ。

レベルゲージは画面上部に配置する。

横幅は画面に合わせる。


総ネコポイントを経験値としてレベルアップしていく


ネコのレベルが上がるとマップの移動が可能となる。(←2/4にマップ移動はカットする旨あったので、アップデートで対応することにしようと思う)

広告による2倍強化

左記の画像アイコンを押すと広告動画を流す。

その後、フィーバー状態ブースト状態になり、5分間、取得するネコポイントが2倍となる

ポイント表示

現在取得しているネコポイントを表示する場所である。

レベルアップに使用すると減算される

黄色い部分が現在所持しているポイント数

グレーの部分が1秒間に取得できるポイント数(自動的に計算)となる

寿司キャット

ネコのアニメーションについては後述でまとめる。

ニンゲン

 

寿司を抱えた人がネコに向かって寿司を投げる

ローポリゴンで、陰影もはっきりしたような見た目。

なぜならゲーム上小さく表示されるので細かく作りこんでも効果が薄いのと、一つ当たりの工数を抑えて種類を増やしたいから。

スシ

寿司を抱えた人がネコに向かって寿司を投げる

ローポリゴンで、陰影もはっきりしたような見た目。

なぜならゲーム上小さく表示されるので細かく作りこんでも効果が薄いのと、一つ当たりの工数を抑えて種類を増やしたいから。

ゴールドスシ

 

ニンゲンが持ってくるスシがたまに黄金に輝いているときがある。画面上に現れたら背景を暗くする。

他のニンゲンと重なっているとき、優先してタップされるようにしたい(誤タップ防止)

うまいスシアイコン(ニンゲンについている)

 

アイコンがついた人間がまれに発生する。(ニンゲンによって確立変わる。詳しくはニンゲンのアップグレード欄で)

他のニンゲンと重なっているとき、優先してタップされるようにしたい(誤タップ防止)

このニンゲン・スシのポイントがそれぞれ2倍になる

タップしたとき一定確率(1/5)で広告再生

TOPメニューバー

 

タップ↓

 

画面下のバーをタップするとTOPメニューのタブが表示される。(スライドにしてしまうとiPhoneの場合コントロールセンターのメニューが出てきてしまうのでこうする)

こちらから人のアップグレード、寿司のアップグレード、設定画面、他のゲームなどに移ることが出来る。

地面

6時間に1回転くらいの非常にゆっくりな、気づかないレベルで回転している。

理由:建物のリソースが隠れて見えない・起動した時間で見える建物が変わり新たな発見となるため

 

時間帯によって色変える

4:01~10:00

10:01~17:00

17:01~19:00

19:01~4:00

ふわふわ浮かぶ雲

時間帯によって色変える

4:01~10:00

10:01~17:00

17:01~19:00

19:01~4:00

時間帯によって色変える

 

4:01~10:00

10:01~17:00

17:01~19:00

19:01~4:00

タップしたときの波紋アニメーション

画像はイメージ。ネコのゲームなので肉球にしたらどうかなという案。うるさかったら消す。TapEffect1は縮小して、Effect2は拡大するイメージ。優先度はもっとも低い。2月中には作らなくていい。


【UIレイアウト】

↑空、地面、雲のレイアウト位置イメージ


【画面推移】

1秒経過で→

1秒経過で→

フェードアウトして消える

フェードアウトして消える

ゲームのタイトルロゴと企業ロゴ→(1秒ずつで進む)

背景色#FFFFFF

 

→ゲーム画面に直接推移

画面中央起点に、100px上に配置。左右は中央ぞろえ

画面中央起点に、260px上に配置。左右は中央ぞろえ