活体实机录屏

渲染一支像真实屏幕录屏的产品演示:高分辨率虚构应用(窗格、列表行、代码行、闪烁光标)全部以 2D 重绘,录屏式镜头跟着光标推进、在窗格间快速摇移——一只低分辨率像素吉祥物住在界面里,在真实元素的顶边上站立与跳跃(预备、挤压拉伸、落地扬尘)。输入文字、选中行、进度条和影片中途的深色模式圆形接管都是真实状态变化;双分辨率配乐由同一份 cue 表合成。

活体实机录屏

渲染一支像真实屏幕录屏的产品演示:高分辨率虚构应用(窗格、列表行、代码行、闪烁光标)全部以 2D 重绘,录屏式镜头跟着光标推进、在窗格间快速摇移——一只低分辨率像素吉祥物住在界面里,在真实元素的顶边上站立与跳跃(预备、挤压拉伸、落地扬尘)。输入文字、选中行、进度条和影片中途的深色模式圆形接管都是真实状态变化;双分辨率配乐(毛毡钢琴世界 + 方波芯片音吉祥物)由同一份 cue 表合成。

使用方法

  1. 在 Skill 目录里 npm install,然后 build.mjs → 校验并组装页面。

  2. stills.mjs 出联络表;检查吉祥物跳跃落在元素顶边、镜头不裁掉界面。

  3. render.mjs → film.mp4,经 ffprobe 与全量 ffmpeg 解码验证。