置顶演示双镜头 / 动态研究

Tflip 飞跃边界

先看 U 型跑道翻滚,再切到飞越车阵。两个镜头,完整呈现。

双镜头演示镜头 1/2 · U 型跑道 · 加速入坡
镜头 01 · 弧道翻滚 / 镜头 02 · 飞越车阵
原有构图,直接切镜。
冷气推进
独立场景
0.00 / 13.80 s
01 · U 型跑道 · 0–8 s8 s 切镜02 · 飞越汽车 · 8–13.8 s
就绪 · 播放两个镜头喷气默认开启。共 13.8 秒,8 秒处直接切换镜头。
两幕飞跃,一次播放。灵感来自 Tesla 的坡道与飞跃演示。第一镜头完整播放弧道翻滚;8 秒处直接切到第二镜头,完整播放飞越汽车。两套场景保留各自相机与构图。

01 /灵感游乐场

六种交互场景。

点击触发动画,体验同一动效引擎在不同界面场景下的表现。

02 /动作由你定义

参数实验室。

调整高度、圈数、速度和粒子。
播放看看效果,满意了就复制配置。

实时预览
动效工作台视口 / PX
新灵感
小小灵感,大胆起飞。
准备起飞01
起点SOURCE
下一站,灵感抵达着陆区
终点TARGET
0.00 / 3.60 s
准备中准备加载组件检测系统动态效果偏好…

03 /把灵感带进产品

接入你的
界面。

先用 npm 安装,再复制当前配置,绑定你的起点与终点元素。无需后端,调用后立即返回播放控制实例。

1. 安装组件

npm install @kyun.si/tflip

原生 JS 与 React 共用此包。React 入口: @kyun.si/tflip/react

查看 npm 包 ↗

TypeScript原生 JSReact 适配
在 GitHub 查看源码

MIT 开源 · 阅读文档、查看更新或反馈问题

2. 使用组件
// 正在加载组件…
示例包含导入、视觉工厂与播放控制。ES 模块

把这一幕带进你的项目

让 Agent 接入。

选好场景,把接入指令交给你的编程 Agent。先阅读入口与对应 recipe,再按需要获取 SDK 或示例包。

正在读取场景资料

正在读取接入资料…

查看 / 手动复制指令

如果此页面是本地或私网地址,你的 Agent 也需要能访问这些资料链接。