スクロール · スクロールで変わる
スクロールで再生位置を動かす滚动推播放头
- スクロールがシークバーに
- 逆再生できる
- 止めれば止まる
本来は自動で再生されるアニメーションが、自分では進みません。下へスクロールすれば進み、戻せば逆再生され、止めればそのコマで止まります。スクロールバーがシークバーになります。
使いどころ
製品の分解、組み立て工程、チュートリアルなど「どの段階を見るかを自分で決めたい」内容に向きます。導入や感情の山場など時間に敏感な内容には使わないでください。最後までスクロールされない可能性があります。
パラメータ
progress 0 → 1 mapped onto the timeline playhead · 1:1 with scroll, no easing · reverse on scroll up · hold when still
レシピ
スクロールで再生位置を動かす → progress 0 → 1 mapped onto the timeline playhead · 1:1 with scroll, no easing · reverse on scroll up · hold when still
AI に渡す一文
このアニメーションの再生位置をスクロールに渡してください。スクロール進捗 0→1 をタイムライン位置に対応させ、毎フレーム書き込みます（動画は currentTime、ベクターは goToAndStop、canvas はそのコマを再描画）。スクロールに 1:1 で追従させ、イージングはかけません。戻せば逆再生、止めればそのコマで停止するようにしてください。