昼夜滑块:从白天顺滑走到夜晚的一屏式网站

做一个一屏式网站:滚动时同一个地方从白天过渡到夜晚。SandBase 生成白天图、对应的夜晚图和两者之间的定机位延时视频。视频铺满窗口、画在 canvas 上,滚轮、滑动或方向键让它顺滑地经过原地切换的页面:按时段的章节、熟客评价、带价格的菜单和到店页,店招上有标注,角落有时钟。

昼夜滑块:从白天顺滑走到夜晚的一屏式网站

准备好要展示的建筑或街角(或你自己的图片),以及品牌、文案、链接和语言。Skill 会交付一个静态一屏式网站(index.html),带运行脚本、字体和分析好的视频,以及从图里取出的配色。

使用方法

  1. 你确认后(约 $0.85),SandBase 生成白天图,把它改成同一场景的夜晚,再做一段从白天到夜晚的定机位延时视频。

  2. 分析程序测出每一帧画面变化了多少,让滑块按累计变化来对应,日落那一段不会一闪而过。

  3. 页面先把视频读成一帧帧画面,再把当前位置对应的那一帧画到 canvas 上,并混合相邻两帧,所以能跟着屏幕刷新率顺滑移动。页面本身不滚动:每次滚动前进一页并停在那里。

常见问题

页面会调用模型吗?

不会。成品页面是静态文件:HTML、一个脚本、字体和一段视频。只有生成新视频时才会调用模型。

生成一段新视频要多少钱?

通过 SandBase 每次约 $0.85。有剪辑跳变或变化太少的视频会被 Skill 拒绝,建议预留重试的预算。

能用我自己的图片或视频吗?

可以。传入自己的图片可以跳过出图,或者用 analyze.mjs 分析你自己的定机位视频。

为什么这里点链接没反应?

示例运行在沙盒框架里,链接被禁用了。在你自己的页面里,链接会指向你在 site.json 里填的地址。

为什么没有在线生成?

生成新场景需要在沙盒里注入模型 Key,后端暂时还不支持。目前请用你自己的 Agent 运行这个 Skill。