たれもり！
耳を一筆書きでデザインして、飛んでくる食べ物を積み上げるアクションゲーム。
公開中（プロトタイプ）できること
- 耳をデザインする … 頭の付け根から指でなぞって、左右の耳を一筆書きで描きます。長さには上限があり、形しだいで積みやすさが変わります。
- 積み上げる … 60秒のあいだ、上から飛んでくる果物・お菓子・アイスを耳で受け止めて、できるだけ高く積みます。スコアは時間切れのときのタワーの高さです。
- タワーに名前がつく … できあがったタワーには「かざり＋主役＋かたち」で名前とめずらしさがつき、最後は動物の仲間たちが集まって記念写真を撮ります。
- ランキング … シリーズごとに、きょう・こんしゅう・トータルのランキングに載ります。会員登録は必要なく、名前は決まった言葉の組み合わせから選びます。
つくり
| ゲーム | TypeScript と Vite。耳の形の判定、飛来パターン、タワーの名前づけを描画から分けています。 |
|---|---|
| 物理 | Rapier（2D）。描いた耳の折れ線をカプセルの列に変換し、食べ物どうしのくっつきや崩れを計算します。 |
| 描画 | three.js。キャラクター、食べ物、昼から夜へ変わる背景をブラウザ上で描画します。 |
| ランキング | Cloudflare Workers と Cloudflare D1。端末ごとの匿名IDで記録し、期間ごとの自己ベストだけを保存します。 |
技術的におもしろいところ
手描きの線をそのまま当たり判定にする
なぞった線は手ブレを補正したうえで、角は残したまま物理エンジンの形に変換しています。自分で描いた耳がそのまま食べ物を支えるので、形を変えるたびに積み方が変わります。
ログインなしで、名前の自由入力もしないランキング
表示名は決まった言葉の組み合わせから選ぶ方式にして、サーバー側でも同じ辞書で確かめています。自由入力をなくすことで、登録の手間と、不適切な名前が載る心配の両方をなくしました。
プライバシー・お問い合わせ
たれもり！は会員登録を必要としません。ランキングで扱う情報と端末内に保存する情報の取扱いは、たれもり！ プライバシーポリシーをご確認ください。
不具合のご報告やご意見・ご要望は、Sizu dev のお問い合わせページからご連絡ください。