AI 滚动网站

AI 滚动网站 — 滚动就是镜头

一句话进去,一个滚动网站出来 —— 三个生成场景,每一站都有大标题,你往下滚,镜头就一直往前。 滚动就是镜头。

璃月的灯笼夜市,胡桃在烤串摊前,镜头已经推近傍晚的片桐高中校门,堀与宫村雨夜的涩谷小巷,钉崎举着锤子面对巨大的影子夜晚从广场看 Aegis Global 大厦,台阶上站着一个披斗篷的人
✦滚动网站
做一个滚动网站:黄昏的璃月港 —— 码头与灯笼夜市,三个生成的场景,镜头随滚动推进,发布成一个能发出去的页面
三张 16:9 场景、一个滚动引擎、没有视频文件 —— 整个页面不到 1 MB。
蓝调时刻的璃月港,滚动网站的第一个场景 原神
蓝调时刻的璃月港。 你还没动手,先看到的就是它。
打开这个网站
璃月灯笼夜市里正在吃串的胡桃 原神
灯笼夜市。 胡桃在烤串摊前;你往下滚,镜头就贴着摊位穿过去。
打开这个网站
璃月港上方的露台,月亮照在水面,钟离与旅行者站在栏杆边 原神
港口的露台。 第三个场景:月亮、灯笼,还有钟离和旅行者。
打开这个网站
傍晚六点的片桐高中校门,堀在路灯下等着 Horimiya
片桐高中,六点。 堀在灯下等,宫村慢吞吞地来。
打开这个网站
夕阳下的教室,堀坐在课桌上,宫村站在门口 Horimiya
教室。 滚动让镜头沿过道推进,夕阳把最后一点颜色留在窗边。
打开这个网站
夜晚的学校天台,两个学生靠在铁丝网前,下面是城市灯火 Horimiya
天台。 两个人靠着铁网,剩下的话由这座城说。
打开这个网站
雨夜的涩谷十字路口,虎杖与钉崎从中走过 咒术回战
十一点的十字路口。 虎杖和钉崎走进去,像这地方归他们。
打开这个网站
地铁站地下通道,五条悟与虎杖,粉紫色霓虹映在瓷砖上 咒术回战
地下通道。 五条悟绕远路,霓虹跟着他一路往下。
打开这个网站
涩谷路口旁的下雨小巷,钉崎举着锤子面对巨大的影子 咒术回战
路口旁的一条小巷。 人群走过去的东西,钉崎替你找到了。
打开这个网站
01 / 03

8b64df6b 8389 418f 87b9 f989679e8a4d

From this page’s own proof set.

8b64df6b 8389 418f 87b9 f989679e8a4dOpen in new tab
Want your own?Make My Own

Neta Studio 做了什么

你给一个地方和一种气氛。Studio 写出场景、生成静帧,交给你一个页面:滚动位置决定镜头在每个场景里推进到哪,然后化进下一个场景。没有时间轴要拖,没有 GSAP,也没有镜头 rig。

  • 生成的,不是图库 —— 每个场景都是为你的那句话画的:码头、夜市、天台。没有素材库,没有绿幕。
  • 滚动是唯一的控制器 —— 滚动位置就是镜头:推进、偏移,然后下一个场景在同一个标题下浮上来。
  • 一条链接,什么设备都开 —— 成品是普通 HTML、CSS 和 MP4,发布后就是一个网址。手机上不用装 App,也不用插件。

常见问题

需要会写代码吗?

不需要。你描述地方、回答两个问题,场景和页面都替你做好。如果你写代码,发布出来的页面就是普通 HTML 和 JavaScript,可以自己打开改。

这到底是一个视频还是一个网站?

是一个网站。页面是 HTML,放你的标题、文案和章节导航;场景是生成的静帧,滚动位置决定镜头推进到多深。没有视频文件要加载,所以手机上打开很快。

能有几个场景?

默认三个,页面才轻。每多一个场景只多一张图和一点滚动距离,五个场景也开得很快。想要更多直接说。

可以用我自己的照片或品牌色吗?

可以。加一张参考图,或者直接描述配色,场景会照着那个感觉画。标题、文案和章节名都是 HTML,用的就是你的字。

场景之间怎么过去,会切一下吗?

镜头还在动的时候,前一个场景就化进下一个,所以变化发生在文字底下,而不是一块黑屏。看起来是一次连续的移动;没有硬切,也没有淡入黑场。

手机上能用吗?

能用。页面会切成竖屏构图,同一个滚动驱动同一套移动。三个场景的图加起来不到 1 MB,打开时不用等加载画面。

发出来以后还能改文字吗?

可以。标题、那行文案和章节名都是 HTML,在发布出来的页面里直接改,或者回到同一个对话里要一版新的。

它做不到什么?

不能让你在里面走动,也不能点开地图 —— 它是一趟单向的镜头飞行。想真正走进去,做一个可行走的三维世界或者地图页更合适。

从一个地方开始

一个港口、一个校门、一条巷子。一句话就够 —— 剩下的场景可以边聊边加。

×