# れいぞうこパズル

> 買ってきた食材を、冷蔵庫のマス目にドラッグして詰めていくパズルゲーム。野菜は野菜室、アイスは冷凍室、びんはドアポケットへ。全20面で、タイムのランキングがある。

- 制作: [ワカメ](https://wakame.dev/)（個人で企画・開発）
- ステータス: 公開中
- 制作期間: 2026-11
- カテゴリ: Web, Game
- 使用技術: SVG, Pointer Events, Cloudflare Durable Objects, JavaScript
- 担当: 企画, ゲーム設計, ステージ制作, イラスト, ランキングの実装

## 概要

トレイに並んだ食材を指でドラッグして、冷蔵庫のマス目に入れていくパズルゲームです。食材ごとに形があり、たまごは1マス、ウインナーは横に3マス、チキンはL字、えだまめはS字です。タップすると90度回せます。全部の食材が入ればクリアです。面が進むと野菜室・冷凍室・ドアポケットが加わり、野菜は野菜室、アイスは冷凍室、ケチャップやジュースのびんはドアポケットにしか置けなくなります。先に入っている作り置きのマスをよけて詰める面もあります。全20面で、面ごとの最速タイムと、20面を通して遊ぶタイムアタックのランキングがあります。ログインはなく、なまえを入れるだけで記録が残ります。食材のイラストはすべてSVGで描いていて、回した向きもそのまま描き直します。時間はサーバーで測り、届いた置き方をルールどおりか確かめてから記録します。

## 答えから作るステージ

各面は「正解の詰め方」を文字の格子で書いて作っています。同じ文字のまとまりが1つの食材で、そこから形を読み取って食材の一覧を作るので、どの面にも必ず詰め切れる答えがあります。全20面を答えどおりに置いて詰め切れるかは、自動テストで毎回確かめています。

食材は90度ずつ回せますが、裏返しはできません。L字のチキンやS字のえだまめは、回しても左右反対の形にはならないので、向きの見極めが手がかりになります。

- 冷蔵室・野菜室・冷凍室・ドアポケットの4つの区画
- 食材のタイルの色が、入れる区画の色を表す
- 先に入っている作り置きのマスには置けない

## ずるのしにくいタイム計測

時間は端末ではなくサーバーで測ります。面を始めたときにサーバーが時刻を覚え、クリアしたときに届いた置き方を同じルールで確かめてから、かかった時間を記録します。端末から時間を送らないので、実際にかかった時間より速い記録は作れません。

ランキングはCloudflareのDurable Objects（SQLite）に、面ごととタイムアタックごとに1人1記録で残しています。

## 成果

- 28種類の食材を、回した向きごとにSVGで描き分ける
- 冷蔵室・野菜室・冷凍室・ドアポケットの4区画のルール
- 全20面すべてに答えがあることを自動テストで確認
- 面ごととタイムアタックのランキング（時間はサーバーで計測）
- スマホの指でのドラッグとタップでの回転に対応

## リンク

- [サイト](https://wakame.dev/reizouko/)

## このサイトについて

- [ワカメの詳細プロフィール](https://wakame.dev/ai-profile/index.html.md)
- [llms.txt](https://wakame.dev/llms.txt)