v1(却下版)
品質基準見ずに作ってしまった初版
問題点:
- 画面が左上1/4に寄っている
- CTA矢印が斜めで中途半端に停止
- タイトル「2048」がゲーム元ヘッダーと重複
- 字幕フォント 52px(基準54px未満)
- Noto Sans JP 未使用(Y3違反)
- spring デフォルト値からズレ(M2違反)
- シーン間トランジションなし(M3違反)
v2(修正版)
品質基準準拠 + 画面フル活用 + アニメーション調整
修正内容:
- ゲーム画面を 1080×1920 フル解像度で録画
- CSS注入でゲーム要素を画面サイズに最適化
- タイトル重複解消(ゲーム元ヘッダーを活用、Remotion bannerは削除)
- 矢印を下からポップイン→静止(回転廃止)
- 字幕「止まらない…」を 72px に拡大
- シーン間にフェードトランジション追加
- spring デフォルト値に統一(damping:20, stiffness:300)
- セーフゾーン 108px 確保
品質基準適合状況(video-qc-checklist.md)
- T7 字幕フォントサイズ(縦型54px以上): ✅ 72px
- Y3 フォント(Noto Sans JP + フォールバック): ✅ 対応
- L1 セーフゾーン(各辺10%マージン): ✅ 108px確保
- M2 spring 設定(デフォルト値): ✅ damping:20, stiffness:300
- M3 シーン間トランジション: ✅ Hook→Gameplay→CTA フェード
- K1 Composition ID(kebab-case): ✅ game-tiktok
- K4 解像度(1080×1920): ✅
- K5 ファイルサイズ(30秒50MB以下目安): ✅ 2.1MB / 15秒
- ⚠️ D1 空白率(50%未満): Hook/CTAシーンは背景演出が弱く空白気味(次で改善)
まだ改善余地あり
- Hook/CTAシーンの空白率(D1): 背景パーティクル or グリッド追加で画面密度上げる
- ゲーム盤面の最上段が空白(録画タイミング): 15秒目以降の盤面が詰まった素材を使う
- BGM・効果音: 現状サイレント(A4/A5 基準未対応)
- Memory Game 録画バグ修正(startボタン検出失敗)
- Hyperframes PoC(v0.4.9 で同仕様試作、Remotion 比較)
お詫び
- 動画品質基準(video-qc-checklist.md、video-structural-rules.md)が既に存在していたのに、見ずに v1 を作ってしまいました
- 石野さんに見てもらう前にセルフQC(フレーム書き出し+目視チェック)を実施すべきでした
- 今後は /render スキル or video-qc-checklist.md を必ず参照してから制作します