用途:制作 iOS 上流行的 iMessage 通知层叠视频广告——手机放在桌面上,Apple Messages 通知一条接一条堆叠。核心机制为自下而上推挤:新横幅从底部弹入,把已有横幅整体上推;iOS 分组“⌄ Show less / ✕”胶囊停留在堆叠上方;✕ 清空堆叠;随后衬线体结尾卡片出现。
主要能力:确定性合成,不用生成式视频渲染 UI。真实 iMessage 横幅由 PIL 绘制、FFmpeg 动画叠加在 Ken-Burns 底图上,通知文字与 wordmark 保持像素清晰。模板配方提供各品牌底图、通知与 end_card 配置,并把唯二付费步骤(清理底图 → create-image-fal;音乐床/音效 → create-music-elevenlabs)交由各自能力处理;本能力自身不产生付费调用。
脚本(免费):scripts/build_assets.py 按配置绘制 nb-1..N.png(真实横幅:绿色 Messages 图标、暖调半透明灰米色填充、柔和阴影、标题/正文/NOW/句柄)、pill.png(右对齐“⌄ Show less / ✕”)、endcard.png(衬线 CTA + wordmark 组合 + 网址)。字体关键:横幅标题/正文/NOW/句柄用 SF Pro(SFNS.ttf,经 set_variation_by_name,Arial 回退),结尾卡片 CTA 用 Times/衬线;不得换用 Helvetica/Arial 作主字体。scripts/compose.py 执行底图推近、横幅自底部弹入并上推堆叠、胶囊上移、✕ 清空上滑淡出、衬线结尾卡片淡入、可选音频(音乐床+每条到达音效+清空用免费 FFmpeg swoosh)、编码为 h264 + aac。scripts/config.example.json 为品牌配置结构。
几何契约:W=1080 H=1920,SIDE=135,横幅宽 BODY_W=810,BANNER_H=176,PAD=60,行距 214,底部锚点 YB=1200;图标约100px、左内边距约24px;正文距横幅左缘约150px。两个脚本必须共用该几何。
工艺规则:保留真实 iMessage UI(绿色图标、暖色半透明灰米色横幅、非白色无白色光晕、柔和深色阴影);不要把横幅改成品