CelebroCard - 画像とBGMが自動生成される”動く”お祝いメッセージカードメーカー

【目的・ターゲット】誕生日・卒業・退職・結婚・出産・昇進・就職・感謝など、人生の節目に「ちゃんとした特別感のあるメッセージカード」を無料・数分で作りたい全世代向け。テンプレ静止画では物足りない人に、背景ビジュアル＋自動生成BGM＋テキスト演出が同期する“動くカード”をブラウザだけで提供する。

【主要機能】
1. 10種のイベントテーマ選択(誕生日/卒業/退職/結婚/出産/昇進/就職/感謝/応援/新年)。テーマごとに専用背景ビジュアルとカラーパレットを用意。
2. 背景は複数バリエーションから選択でき、Canvasでゆるやかにパン&フェードするクロスフェード演出。
3. Web Audio APIによるBGM自動生成。テーマ×テンポ×明るさをスライダー調整し、その場でジングルを合成・ループ再生。
4. メッセージ入力欄＋送り主/宛名入力。テキストはフェードイン・紙吹雪・キラキラなどCanvasパーティクル演出付きで再生。
5. プレビュー再生画面で「画像+BGM+テキスト」が自動同期する数十秒のカード再生を確認できる。
6. 完成後は公開URL発行(SNS/LINE共有用)、全画面自動再生ページ生成、PNG静止画ダウンロードに対応。閲覧数もカウント。

【画面構成】
- トップ: テーマギャラリー(サムネイル一覧)
- エディタ: テーマ選択→背景/カラー選択→BGMプリセット&スライダー調整→メッセージ・送り主入力→プレビューの1ページ完結ウィザード形式
- 再生ページ(公開URL): 全画面再生、音楽ON/OFF、もう一度再生、テーマに応じた背景と紙吹雪エフェクト
- マイカード一覧: LocalStorageに作成履歴を保存し再編集可能

【データ構造(MySQL)】
cardsテーブル: id, uuid(共有URL用), theme, background_id, bgm_params(JSON:テンポ/明るさ/波形seed), message, sender_name, recipient_name, effect_type, view_count, created_at。テーマ・背景・BGMプリセットの定義はサーバー側コード内に静的マスタとして保持し、画像本体は事前生成した背景素材を複数パターン用意して使い回す。

【デザイン方向性】
テーマごとに温かみのあるパステル〜華やかなグラデーションを切替え、全体はカード風の丸みある大きなUI。スマホ縦画面での全画面再生を最優先し、PCでは中央カード表示+左右に装飾。ボタンは大きく分かりやすいアイコン付きにし、操作3ステップ以内で完成まで迷わない設計とする。