SuperAPI AI 工具集

slat-wipe

前端与建站

查看项目

更新于 10-16 05:49

技能介绍

用途:slat-wipe 是一个动效原语,用于通过把 A 层拆成水平条纹并逐条擦除,露出下方 B 层,实现“百叶窗/快门”式揭示。资料称其具有高冲击力,适合每支片段使用一次。

主要能力与参数:支持 strip_count(条纹数)、strip_axis(horizontal 或 vertical)、reveal_direction(top-to-bottom、bottom-to-top 或 random-seeded)、per_strip_stagger_frames(每条启动间隔帧)、per_strip_wipe_frames(每条擦除帧数)、wipe_direction_per_strip(如 left-to-right)、wipe_easing(如 bezier(0.4, 0, 0.2, 1))与 seed(用于随机揭示方向)。示例默认值含 strip_count 为 8、stagger 为 3、wipe 为 8、seed 为 17。

行为:把画布或目标区域切成 N 条等高水平条纹;每条用 CSS clip-path 或 mask 在 per_strip_wipe_frames 内从 0 动画到 1;各条按 per_strip_stagger_frames 错开启动;某条进度到 1 时该条内 B 层完全显露。实现为一个 Remotion 组件,渲染 N 个子 div,每个 div 中 B 层之上叠放被裁剪的 A 层。

风格包覆盖:自定义包(如 wellness editorial)可覆盖,参见 A18 原型;其余 7 个默认包不使用。

质量检查:条纹数建议 6 到 12;擦除方向保持一致(除随机种子情况);揭示应在 start_frame 加 (strip_count - 1) 乘 per_strip_stagger_frames 加 per_strip_wipe_frames 前完成。

失败模式:条纹数过低导致揭示粗糙;过高导致抖动,建议 8 到 10;stagger 为 0 时条纹同时揭示,应提升到 3 以上。

限制:资料未提供收费、价格、平台适用性与完整安装步骤等信息。