Open1
storycap: アニメーションを終えた状態で描画
gsap
gsap.globalTimeline.timeScale(Number.MAX_SAFE_INTEGER);
framer-motion
MotionGlobalConfig.skipAnimations = true;
css animation
storycap標準でdisableしてくれているが、安定していないらしい?
下記スタイルを追加してcss animationをすべて無効化する。
*,
*::before,
*::after {
transition: none !important;
animation: none !important;
}
input {
caret-color: transparent !important;
}
Theatre
// こういうのを定義しておく
export const TheatreGlobalConfig = {
skipAnimation: false,
};
// 再生するコンポーネントにて
sheet.sequence.position = TheatreGlobalConfig.skipAnimation ? Number.MAX_SAFE_INTEGER : 0;
// storycap時
TheatreGlobalConfig.skipAnimation = true;
その他
framer-motionやTheatreの例のように、グローバルなconfig objectを作ってseekを制御していく方式で対応していく。