免费提示词
用 React 组件写 15 秒数据动画
适合想用代码做视频的前端。你要提供:要展示的数据或产品亮点。
请编写一个 15 秒(450 帧,30fps)的「年度数据战报 / 产品亮点快闪」动画组件代码,精确规划第 0~90 帧、90~270 帧、270~450 帧的弹簧运镜与排版。
示例片段(ans-frame-video.tsx)
只是写法示意,不是完整程序。
// ANS 帧精确确定性弹簧插值计算器 (ans-frame-video.tsx)
export function ansFrameSpring(frame: number, fps = 30, stiffness = 120, damping = 14) {
const t = Math.max(0, frame / fps);
const omega = Math.sqrt(stiffness);
const zeta = damping / (2 * omega);
return 1 - Math.exp(-zeta * omega * t) * Math.cos(omega * Math.sqrt(Math.max(0.01, 1 - zeta * zeta)) * t);
}免费使用,可用于个人和商业项目。模型输出的内容由你自己核对。