跳转到使用指南
Scroll World作者 oso95

Scroll World Skill.

由滚动控制的预渲染镜头旅程,而非实时 3D 世界。

  • 滚动动画
  • 视频
  • 落地页
来源审查 · Scroll WorldSKILL.md
任务 滚动动画 产出内容 • 包含分区文案和最终行动号召的滚动驱动式落地页 • 生成的场景静帧、镜头片段和所有必需的衔接片段 • 优化后的视频素材、后备海报图,以及对片段间过渡效果的审查 开始之前 文档所述流程使用 Higgsfield 和 Monid 视频路径,以及 ffmpeg/ffprobe 和浏览器环境。提供商账户、点数、模型能力及任何可选图像路径都需要重新核实。
编辑摘要 · 来源审查于 2026-10-07 · 并非生成的示例

01 功能说明

Scroll World

一套生成视频落地页工作流,围绕镜头架构、实际帧连续性、通过滚动控制视频播放进度,以及明确的移动端和渲染预算决策构建。

基于来源的工作流并非执行基准测试

工作方法

Scroll World 构建的落地页会通过滚动位置控制预渲染的镜头飞行。场景静帧会转化为视频片段,随后由 JavaScript 引擎将滚动位置映射到播放时间。看似三维的世界其实是生成的视频画面,而不是包含可编辑几何体、可供自由浏览的 WebGL 场景。其可移植性来自一个可嵌入不同前端技术栈的自包含引擎。

来源区分了连续向前的穿行和带有独立衔接片段的微缩世界飞行。无论哪种情况,渲染后的边界帧都比重复使用外观相似的原始静帧更重要。下一个片段必须以实际相邻视频画面为条件生成,而且仍需检查接缝。该工作流还将移动端竖屏片段链视为需要额外渲染成本的独立制作决策,而不是对桌面端影片进行不加说明的裁剪。

预期交付物

  • 包含分区文案和最终行动号召的滚动驱动式落地页
  • 生成的场景静帧、镜头片段和所有必需的衔接片段
  • 优化后的视频素材、后备海报图,以及对片段间过渡效果的审查
查看示例简报

从简报到审查

  1. 01
    选择旅程

    确定主题、场景顺序、品牌套件、艺术指导和镜头风格。确认是仅制作桌面端版本还是制作原生竖屏版本,并审批当前的渲染费用估算。

  2. 02
    建立视觉世界

    使用统一的视觉简报生成风格连贯的静帧。在投入一系列付费视频生成之前,先审查场景一致性。

  3. 03
    串联实际帧

    对于向前推进的旅程,将前一个片段的结尾输入下一个片段。对于航拍衔接片段,应使用相邻两个片段中实际渲染的帧,而不是原始场景图像。

  4. 04
    编码并测试滚动效果

    准备可定位播放的素材,挂载可移植引擎,并检查接缝表现、反向滚动、后备海报图和减少动态效果模式。如果委托制作了竖屏片段链,还应单独进行测试。

02 适用场景

适用场景

文档所述流程使用 Higgsfield 和 Monid 视频路径,以及 ffmpeg/ffprobe 和浏览器环境。提供商账户、点数、模型能力及任何可选图像路径都需要重新核实。

适合的场景

  • 叙事型品牌旅程当产品或业务可以通过一系列地点或流程阶段来解释,并且这些内容能从连续的镜头关系中受益时,这种方式很有用。
  • 不依赖框架的嵌入方式文档所述引擎使用原生 JavaScript,因此这套视频工作流不受特定应用框架约束。

需要核查的限制

  • 生成的画面并非真实证据这个世界是说明性的虚构构建。不得将其表述为它实际上并未展示的设施、产品或事件的纪实画面。
  • 付费且不断变化的后端渲染需要提供商访问权限和预算。来源中包含带日期的提供商观察记录,因此在新项目开始前,必须核查模型接口参数定义、可用性、计费方式和接缝表现。

请准备这些输入

  • 业务故事描述主题和场景顺序,并为每个阶段提供标题和简洁的说明文案。
  • 镜头与艺术指导选择写实的步行穿行、航拍微缩世界飞行或固定角度处理方式,并提供已获批准的颜色和品牌元素。
  • 制作预算明确提供商访问权限、支出上限,以及是否需要单独的竖屏片段链。预算应包含审查和替换失败片段的费用。

03 关键决策

关键决策

  1. 接缝是制作资产

    提取出的边界帧使连续性成为流程中可以检查的一部分。仅靠交叉淡化无法掩盖场景构图的大幅变化。

  2. 移动端是明确的交付物

    竖屏镜头链可以在手机上保留主题和构图。将其作为独立事项处理,可以清楚呈现预算和视觉方面的取舍,而不是掩盖裁剪问题。

04 示例任务

尝试一份聚焦的简报

以下示例简报尚未经过测试。使用前请检查该技能的设置。

审查设置

使用仓库中的引擎和流程参考资料。检查提供商当前的能力和定价,然后在运行付费生成之前获得批准。

上游源文件
https://github.com/oso95/scroll-world/blob/71cc36d3bb150248ae36a2c552f9cbf88802a79c/skills/scroll-world/SKILL.md

文档所述流程使用 Higgsfield 和 Monid 视频路径,以及 ffmpeg/ffprobe 和浏览器环境。提供商账户、点数、模型能力及任何可选图像路径都需要重新核实。

从一项交付物开始

运行该技能前,请根据实际情况调整此简报中的范围、源材料和约束条件。

示例简报
使用 Scroll World 规划一段由茶园到成品饮品的说明性旅程,以五个微缩场景呈现。使用我们提供的品牌颜色和航拍立体模型式镜头风格。生成任何内容前,请核实当前的渲染后端,并估算仅制作桌面端版本且包含重试余量的费用。先展示场景方案和静帧方向。未经批准,不得创建移动端片段链或产生渲染费用。

检查结果

根据以下可观察标准检查实际输出。

  • 已在两个滚动方向上分别审查每处接缝前后的相邻片段。
  • 减少动态效果模式提供了可用的静帧和清晰易读的分区文案。
  • 任何声称提供的移动端版本都确实使用竖屏素材,而不是未经披露的横屏裁剪版本。

OpenDesign 为编码智能体提供本地设计工作区。此条目不代表该技能已内置,也不表示其外部工具、凭据和软件依赖已包含在内。

05 来源与许可证

来源与许可证

本页描述的是下方链接所指向的固定来源修订版。上游行为和要求可能发生变化。

来源所有者
oso95
许可证
MIT
已审查的快照
2026-10-07 · 71cc36d3bb15
编辑来源摘要
一套生成视频落地页工作流,围绕镜头架构、实际帧连续性、通过滚动控制视频播放进度,以及明确的移动端和渲染预算决策构建。

由 OpenDesign 根据链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前需要确认的问题

它会创建实时 3D 场景吗?

不会。页面通过滚动控制预渲染视频的播放进度。这样可以产生镜头运动效果,但不会让访问者在实时 3D 模型中自由浏览。

为什么不直接衔接原始静帧图像?

生成的片段可能与其起始参考图有所不同。与对同一静帧进行全新诠释相比,实际渲染的边界帧能够提供视觉上更贴近的衔接。

是否会自动包含移动端影片?

不会。来源要求单独决定是否制作原生竖屏片段链。引擎针对手机的播放调整与制作这部分额外视频画面是两回事。

OpenDesign

为下一轮设计迭代留出空间。

在本地工作区中集中管理简报、源材料和设计工作。将该技能加入工作流前,请先检查其自身的设置要求。

上游源文件
https://github.com/oso95/scroll-world/blob/71cc36d3bb150248ae36a2c552f9cbf88802a79c/skills/scroll-world/SKILL.md