Skip to content

Arcade › モンスターのお庭

モンスターのお庭

  • 3d
  • pet
  • casual
  • mobile
  • japanese
  • simulation
0
Remix it Discord

0 plays

How to play

Click the game above and it runs right here in your browser. No download, no installer, no account needed. It was built with Cinevva, so it works on a phone or a tablet too.

Discussion

Nobody has said anything about モンスターのお庭 yet. Play it, then tell the creator what you would add next.

Make your own game

モンスターのお庭 was built with the Cinevva game creator: describe the game you want in chat, watch it get built, and play it in your browser minutes later.

Remix モンスターのお庭 opens the real game in the creator and forks its actual files, chat and design doc, so you start from the code rather than from a description.

Read the build brief for モンスターのお庭

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

「モンスターのお庭」という、スマホでも遊べる日本語の3Dペットインタラクションゲームを作る。画面いっぱいのWebGL/Three.js風のシーンを背景にし、HUDを固定オーバーレイで重ねる。カメラは正面寄りの斜め上から、広い円形の小さな浮島ガーデンを見下ろすパースペクティブ視点にする。背景は明るい空色 (#8fd9ea) で、遠景に淡いフォグをかける。庭は厚みのある円形の緑の島で、上面は明るい黄緑色の土/芝、縁は濃い緑。島の外周には灰青色の小さな低ポリゴン岩を10個ほど等間隔に置き、岩は少し平たくして影を落とす。庭の四隅寄り(左奥、右奥、左手前寄り、右手前寄り)には、少しずつ大きさの違うローポリ/キューブワールド風の木を4本配置する。

庭の中央に、かわいくデフォルメされたアニメーション付きのエイリアン系モンスターを1体置く。モンスターは正面(カメラ方向)を向き、アイドルアニメーションを再生しながら、常にわずかに上下に浮遊し、左右に少し揺れる。もう1体、クトゥルフ風の小さな友達モンスターを左奥、中央から見て(-2.65, 1.2, -1.8)程度の位置に浮かべ、0.75倍程度のサイズで、飛行アニメーションを再生する。全3Dモデルは柔らかいライティングと接地/キャストシャドウを使い、全体は明るく親しみやすいローポリ玩具風の見た目にする。カメラはゲーム中に非常にゆっくり左右へ揺れ、中央モンスターを注視する。

ゲームの目的は中央モンスターと触れ合って、3つのステータスを上げること。初期値は「なかよし」22、「げんき」76、「せいちょう」18。値は0〜100に丸める。画面上の上部には左右に分かれた半透明の濃紺カードを置く。左カードには大きな白文字で「モンスターのお庭」、その下に薄い青灰色で「タッチして仲良くなろう」。右カードには3行のステータスを表示し、それぞれラベル、横長の暗い背景の丸いバー、数値を並べる。「なかよし」はピンク〜淡いピンク、「げんき」は水色〜淡い水色、「せいちょう」は黄緑〜淡い黄緑のグラデーションで現在値の割合だけ塗る。初期表示は22、76、18。

上部中央付近には丸い濃紺のヒントピルを置き、「モンスターをタッチ!」と表示する。中央モンスターをタップ/クリックしたとき、実際に3Dモンスターのメッシュへレイキャストが当たった場合だけ反応させる。反応時は「なでなで! なかよし度アップ」という白いトースト通知を短時間表示し、「なかよし」+4、「げんき」-1、「せいちょう」+1、内部タップ数+1。モンスターには短い弾む/震える反応を付ける。

画面下部中央には濃紺の半透明で角丸のアクションバーを固定し、3つの大きな横並びボタンを置く。左はピンク〜紫のグラデーションで「♡ なでる」、中央はオレンジ〜赤橙で「● おやつ」、右は水色〜青で「★ あそぶ」。左ボタンを押すと「やさしくなでた!」通知を出して、なかよし+5、げんき-1、せいちょう+1。中央ボタンは「おやつをあげた!」、なかよし+2、げんき+10、せいちょう+2。右ボタンは「いっしょに遊んだ!」、なかよし+7、げんき-10、せいちょう+3。すべての値は更新後に0〜100へクランプし、バー幅と数値を即時更新する。押下時は少し沈んで縮む視覚フィードバックを付ける。通知は白い丸型ラベルとしてアクションバーの少し上に現れ、約1.8秒後にフェードアウトする。

レスポンシブにし、スマホ画面では上部カードが画面幅に収まり、下部アクションバーはほぼ全幅、ボタンは均等幅にする。セーフエリア(ノッチ)を考慮する。HUDは操作要素以外ポインターイベントを邪魔しないようにし、3Dキャンバス上の中央モンスターを直接タップできるようにする。ゲームオーバー、敵、移動操作、インベントリ、複数画面、音楽、追加のルールは入れず、中央モンスターとの短いタップ/世話体験に集中する。

More free browser games

Browse the whole Arcade →