フィードバックと操作 · タップへの反応
ドラッグ拖拽
- 直接的
- 手動
- 身体的
要素がカーソルや指に追従し、動く量は完全にユーザー次第です。離したあと止まることも、戻ることもあります。
使いどころ
キャンバス・スライダー・移動できるパネルに使います。ドラッグ中は遅れなく追従させ、途中にトランジションを入れないでください。
パラメータ
transform tracks pointer directly · no transition · on release: momentum (decay 0.95/frame) or rubber-band (damping 0.5)
レシピ
トランジションなしドラッグ → transform tracks pointer directly · no transition · on release: momentum (decay 0.95/frame) or rubber-band (damping 0.5)
AI に渡す一文
このパネルをドラッグできるようにしてください。ドラッグ中は transform でポインタに直接追従しトランジションは付けず、境界を 40px 以上超えて離したら stiffness 300・damping 30 のスプリングで境界内に戻します。