プロダクト名

育て天保山

チーム名

チーム3 サクサク.wav

背景・課題・解決されること

関西を捉える新たな視点として、私たちは「地理的な特徴」を考えてみました。 その結果、日本一低い山として有名な天保山をメインテーマとして、関西の様々なランドマークの「高さ」に注目したプロダクトを作ろうという考えに至りました。 そこで、「天保山を育ててめっちゃでかい山にする」というアイデアがうまれ、天保山を育てるゲームを作ることに決まりました。

「高さ」という視点から関西を見る、そして天保山を育てる、そんな新鮮な体験を皆様にお届けします。

プロダクト説明

このゲームは、知る人ぞ知るゲーム「クッキークリッカー」のようなシステムを採用しています。天保山をクリックすると、山に土が盛られていき、どんどん高くしていきます。山が成長していくにつれて、様々な関西のランドマークを「吸収」していきます。吸収した施設の収益を使って、土を盛る道具や施設自体をアップグレードすることができます。ひたすらクリックして、ひたすらお金と標高を稼いでいきましょう！

操作説明・デモ動画

ゲーム画面は以下の画像のようになります。操作対象は大きく

• 天保山
• 道具ウィンドウ
• 施設ウィンドウ
• 収益ストックバー
• メニューボタン

の5つに分けられます。

天保山

画面中央に鎮座している緑色の山が天保山です。クリックすると、現在の道具レベルに応じた量の土を盛ることができ、標高が上がっていきます。

ある程度標高が高くなると、画面上に黄色い線が出現します(下の画像)。

これは、関西のとあるランドマークの高さを示しています。この高さまで山を大きくすると、、、

上の画像のように、そのランドマークのTipsが画面上に表示されます。ランドマークによっては、新たに施設を獲得することができます(下の画像)。

道具ウィンドウ

画面左上の「道具」と書かれているウィンドウに、現在の道具レベルとその道具名が表示されます。お金を使って道具をレベルアップさせることができます。一定のレベルに到達すると、どんどん道具が強くなっていきます。

施設ウィンドウ

画面左下の「施設」と書かれているウィンドウに、現在所有している施設のレベルが表示されます。アンロック済みの施設にマウスカーソルを合わせると、その施設のちょっとした説明文や収益効率などを見ることができます(下の画像)。

十分なお金を所有している状態で、施設の項目をクリックすると、施設をレベルアップされることができます。施設の収益効率は、その施設のレベルが高いほど、また天保山の標高が高いほど大きくなっていきます。

収益ストックゲージ

画面下部の「収益」と書かれたゲージに、現在施設から得られた収益のストック量が表示されています。マウスカーソルを合わせると、実際にどのくらいの収益がストックされているかを確認できます(下の画像)。

ストックには上限があり、定期的にゲージをクリックして回収する必要があります。ストック中のお金はレベルアップに使用できないので、欠かさず回収しましょう。

メニューボタン

画面右上のメニューボタンをクリックすると、詳細なパラメータ情報を閲覧できます(下の画像)。

Name: ユーザーネーム。自由に変更できる
Sand: 天保山の総重量
Elevation: 天保山の標高
Money: 所持金
Tool Level: 道具レベル

注力したポイント

アイデア面

「お金」と「標高」という2つのパラメータを用意することにより、

• 「お金」で土を盛る道具をアップグレード
  → 「標高」がもっと高く

• 「標高」が高くなると収益効率アップ
  → 「お金」がもっと高く

という「天保山育成スパイラル」を生み出すことに成功しました！

デザイン面

ReactのためのUIライブラリであるMaterial UIを利用し、スタイリッシュなUIデザインを実現しました。

標高や施設のレベルに応じて画面を動的に変化させることで、プレイヤーは操作に対する適切なフィードバックを得られます。

その他

ブラウザでページを閉じたりリロードしたりしても、進捗状況が保存されるようにしました。

使用技術

React