// crash-impact 急推撞停——同 crash-zoom 的急推,到位瞬间不回弹而是 // 撞停震屏:高频抖 + 指数衰减 6f,然后真静止。对比点:重量感 vs 弹性感。 import { AbsoluteFill, Img, interpolate, staticFile, useCurrentFrame, Easing } from 'remotion'; import { CameraMotionBlur } from '@remotion/motion-blur'; import layout from '../../_textures/live-layout.json'; export const CRASHIMPACT_DUR = 120; const TARGET = { cx: 960, cy: 772 }; const VIEW_Y = 180; const HIT = 46; const Scene: React.FC = () => { const frame = useCurrentFrame(); const zoom = interpolate(frame, [40, HIT], [1, 2.5], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', easing: Easing.bezier(0.55, 0, 0.7, 1), }); const cx = interpolate(frame, [40, HIT], [960, TARGET.cx], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', easing: Easing.in(Easing.quad), }); const cy = interpolate(frame, [40, HIT], [VIEW_Y + 540, TARGET.cy], { extrapolateLeft: 'clamp', extrapolateRight: 'clamp', easing: Easing.in(Easing.quad), }); // 撞停震屏:amp 14px 指数衰减 ~6f 收干(可感幅度,参考轮 #2 可感档) const since = frame - HIT; const env = since >= 0 ? 14 * Math.exp(-since / 1.8) : 0; const sx = env * Math.sin(since * 3.3); const sy = env * 0.7 * Math.sin(since * 4.1 + 0.9); return (
); }; export const CrashImpactReal: React.FC = () => { const frame = useCurrentFrame(); // blur 只包急推段;撞停震屏段保持清晰抖动 return frame >= 38 && frame <= HIT ? ( ) : ( ); };