写真枠は v1.6 のコーチ紹介と同じ「画面幅いっぱいの横長」(PC 21:9/スマホ 16:10・角は45度カット・黒地)。6つとも同じ時計で、0.5秒ごとにフェードなしで切り替わります(V5 だけ8コマで一巡)。写真は元サイトの URL を直接参照しています(本番では持ち込み)。
動きを減らす設定のため、自動の切り替えは止めて1枚目で静止しています。「次の写真へ」で1枚ずつ送れます。
無加工の写真を 0.5秒ごとにカット。ほかの3つを見比べるための基準です。
暗部を文字グレー(#6d665e)、明部を暖かい白にして、中間に差し色を通した色調。既定は4枚とも黄で統一(理由は BUILD_NOTES)。ボタンで「写真ごとに青・赤・黄・緑」と見比べられます。
写真はモノクロ。切り替えのたびに、45度の辺を持つ公式カラーの色面が、写真の端の帯や角をカッと差し替えます(顔のかかりにくい端と角だけ)。
ふだんは素のカラー写真。カットの瞬間だけ、写真全体に公式カラーの色被せが 0.15秒乗って、素の色に戻ります(写真ごとに青・赤・黄・緑)。
1つの枠の中で、写真の種類そのものが混ざって切り替わります。8コマ(4秒)で一巡:①実写 → ②同じ写真のドット絵 → ③2枚目のイラスト風 → ④同じ写真の実写 → ⑤3枚目のデュオトーン(黄・V2 と同じ) → ⑥同じ写真のドット絵 → ⑦4枚目の実写 → ⑧同じ写真のイラスト風 → ①へ。
4枚すべてをドット絵(横 64 ドット・フルカラー)にして切り替え。V5 の混在と見比べる用です。V1 と同じ瞬間に同じ写真が出ます。
上の枠で顔が切れていないかの見比べ用。切り抜き位置は、このページのスクリプト冒頭 PHOTOS の pos(スマホ)/posPc(PC)で1枚ずつ直せます。
デモ専用ページ(本体の試作には入っていません)。実装メモ:demo-fv/BUILD_NOTES.md