滚动里的深度
视差网站构建器：真分层，不写代码
写一个地点，得到一张滚动时天空、建筑与前景以不同速度错开的单页网站，不用写代码。
全部窍门就是深度。图层由 Studio 画。
Neta Studio 是一个AI 世界构建器——一句话就给你一个有地点、有人物、有天气的世界。视差页面是这个世界产出的一种作品：同一个地方只画一次，再拆成几层，滚动才有东西可分离。这个世界还能走进去、玩起来或拍成片子；这一页只负责深度。
- 图层来自同一张画——天空、建筑、道具和前景剪影都出自同一张主图，分开之后光线仍然对得上。
- 能感觉到的速度差——每层有自己的速率；前景大约是天速的八倍，这才是深度，而不是淡入淡出。
- 一个文件夹，无需构建——纯 HTML、CSS 和 PNG。本地能开，丢到任何主机能跑，也可以直接在世界里发布成链接。
常见问题
什么是视差网站？
一张单页网站，不同距离的东西在滚动时以不同速度移动。天空慢慢飘，建筑飘得多一些，前景飞快掠过。深度来自速度差，不是来自 3D。
需要自己用 Photoshop 抠图层吗？
不用。会话会为每个场景画一张主图，再把各层作为独立 PNG 交给你，前景自带透明边缘。你也可以用任何编辑器打开这个文件夹。
和滚动视频网站有什么区别？
滚动视频网站是在拖动一段预渲染的镜头飞行——你看的是影像。这里是固定舞台上叠着几张静态图层：没有拍摄，文件很小，改一个数字就能给任意一层换速度。
可以用我自己的世界或现成 IP 吗？
可以。说出地点和人物，或者指向你已经建好的世界——图层会照那个世界的建筑来画，几个场景能保持一致。
一开始做几个场景合适？
三个。一个场景能证明效果；三个才有开场、中段和收尾。每个场景增加四层。
手机上能用吗？
可以。触摸滚动驱动同样的速率，舞台铺满视口，竖屏时文案会重新收紧。系统开启 prefers-reduced-motion 时各层保持静止，页面就变回一张正常的图文单页。
之后能改文字和速度吗？
能。文案就是普通 HTML，每层的速率是脚本里的一个数字。把 0.12 改成 0.2，天空就走得更快，页面其他部分不受影响。
需要自己找服务器托管吗？
不用。在世界里发布就会给你一个能在浏览器打开的链接；这个文件夹也可以原样放到任何静态托管上。
给一个地方一点深度。
一句话、三个场景、每个四层——外加一个能直接打开的链接。
×