コンテンツにスキップ

写真を撮られたらゲームオーバーになる絵画 — 要件定義 v0.1(プロト)

コンセプト

絵画の中にいる存在として、配置で1枚の絵を完成度100%まで整える。美術館の鑑賞者が波で来て、ファインダー+カウントのあとシャッター瞬間に枠内へ写っていたらゲームオーバー(写真=撃たれる比喩)。写されたらステージ最初から。

プラットフォーム・UI

項目 内容
端末 スマホ・縦持ち
レイアウト 3分割・高さおおよそ均等
上 客 — 自展示室のみ(展示室イラスト R2、来館者)
中 自分 — 見下ろし、配置・移動・死亡判定
下 操作 — バーチャルスティック+拾う/置く

操作

操作 仕様
移動 バーチャルスティック(下パネル)
配置 近づきタップで拾う/タップで置く → 正解スナップ
構え中 移動可。カウント表示。死亡はシャッター切れた瞬間のみ
同時脅威 最大2ファインダー(別方向)

ステージ・進行

項目 内容
単位 1枚の絵=1ステージ
クリア 全スナップ正解 → 100%
オブジェクト 3〜7/ステージ
時間目安 1〜3分
スナップ 常にゴースト/輪郭
来館波 3〜5回/ステージ
初版ステージ数 3(1枚目 庭/公園、2・3は後決め)
画風 プロトはシンプル図形

ゲームオーバー

  • 条件:シャッター瞬間、いずれかのファインダー枠内にプレイヤーが写っている
  • ペナルティ:ステージ最初から

音(プロト)

項目 内容
BGM なし
SE Must シャッター、カウントビープ、拾う/置く
SE Nice 足音、完成/クリア

テキスト

  • ST0 — 無言(UI・ステージ名程度)

Must / Later

Must(プロト)

  • 3段UI、スティック、拾う/置く、ゴーストスナップ、完成度
  • 波 3〜5、ファインダー最大2、カウント→シャッター判定
  • ゲームオーバーでリスタート
  • 3ステージ(1題材確定+2は同型差し替え可)
  • SE:シャッター・カウント・配置

Later

  • BGM、名画風、ゲームオーバー写真ギャラリー
  • 本格画風、チェックポイント、フロア全体マップ、会話

デプロイ

  • Cloudflare Pages プロジェクト名: photo-painting-game
  • URL: https://photo-painting-game.pages.dev/
  • CI: .github/workflows/deploy-photo-painting-game.yml(main への photo-painting-game/** 変更時)

実装タスク分解(プロト)

  1. シェル — 縦3分割レイアウト、safe-area、タッチ無効の誤スクロール防止
  2. 中パネル — 見下ろし座標、プレイヤー移動、遮蔽(木・ベンチ)、スナップ配置
  3. 上パネル — 部屋俯瞰、来館者ドットの経路、構え開始の同期
  4. 脅威 — 波スケジュール、ファインダー矩形(最大2)、3…2…1、シャッター当たり判定
  5. 進行 — 完成度、クリア、ゲームオーバー→リセット
  6. データ — ステージJSON(スナップ、初期位置、波タイミング)
  7. SE — Web Audio ビープ+クリック(任意でファイル差し替え)
  8. ステージ3 — 庭+差し替え2(配置と障害物だけ変更)