1. コマごとに媒体を切り替える
`crowdfunding.js` の配列で、各コマに `image` / `video` / `text` を設定しています。 アセット差し替えだけで構成を維持できます。
Bakuman-style ending inspired motion
縦に読むと、
横へ流れる。
漫画のコマ割りで魅せる。
画像や動画を不規則なコマに配置し、その上に吹き出しを被せる構成です。 スマホでは上下スクロールだけで、横長の紙面が右から左へ流れていきます。
吹き出しを重ねる
Vertical scroll mapped to horizontal motion
Interactive story board
スクロールでコマ送り
このセクションは `position: sticky` で画面に固定し、縦スクロール量を 横方向の `translate3d()` に変換しています。コマは画像・動画・テキストを混在できます。
MANGA FLOW
01 / 04
Build notes
この構成でできること
2. 吹き出しを自由配置する
吹き出しは各コマの中で absolute 配置です。サイズ、位置、しっぽの向きだけ指定すれば、 コマの上に台詞やキャプションを重ねられます。
3. スマホ操作は縦だけにする
ユーザーには横スクロール操作を要求せず、普段どおり上下に読むだけです。 見た目だけ横移動なので、ストレスの少ない導線を保てます。