我想在浏览器里,留几个可以发呆的地方

目录
  1. 梦眠车站,目的地先一步抵达
  2. 浮力大教堂,等石头找到各自的位置
  3. 薄膜群岛,一面墙慢慢变成街道
  4. 可以靠近,也可以只是看着

打开日蚀剧场,你会看到一轮悬在圆形剧场中央的人造太阳。

看台和遮幕缓缓转动,散落各处的影子逐渐靠拢。日蚀趋于完整时,它们接成一座横过虚空的桥,一个旅人从上面走过。等光线偏移,桥又散开,剧场等待下一次对齐。

如果不急着切换页面,就能看完一条路从出现到消失的过程。

日蚀剧场,人造太阳、遮幕与环形看台

这是我做的「不可思议空间 / Incredible Space」里的一个场景。这个网站目前收集了 50+ 空间,都可以直接在浏览器里打开。你能转动视角、靠近细节,也能让时间停下来,看看刚才究竟发生了什么。

我把其中一些片段剪成了一支 90 秒的短片,可以先看看这些地方的样子。

播放器未加载?在 B 站观看宣传片

首页有七道门,分别写着时间、因果、重力、知觉、尺度、形体和路径。我把这些空间按照它们改变的规则放在一起:有的让季节拥有方向,有的让石头浮起来,有的让一面墙在弯折后变成脚下的地面。

名字听起来有点抽象,走进去就容易理解了。除了开头的日蚀剧场,还有三个地方想带你看看。

梦眠车站,目的地先一步抵达

梦眠车站是一座深夜的总站。旅人还没有上车,列车通往的梦已经漫进了站厅。

草从月台的石缝里长出来,黑色的海沿着铁轨涌入。另一道拱门后,一间旧卧室浮现出来,床和书桌旁亮着暖灯。车站的轮廓还在,里面却装进了几处原本不相邻的地方。

梦眠车站,四道拱门里并置草地、黑海、卧室与城市

等汽笛远去,这些天空与房间又退回车窗。站钟仍然转动,像是刚才只打了一个短暂的盹。

这里适合留意那些交界:月台与草地之间,铁轨与海面之间,空旷的大厅与一盏卧室暖灯之间。梦从这些缝隙里进入,又从那里退去。

浮力大教堂,等石头找到各自的位置

到了浮力大教堂,可以先找找它的地面在哪里。

云海上方,一百七十三块浮石分散在不同高度。有的向上浮,被下方的缆索牵住;有的向下沉,由头顶的结构吊起。黄铜配重在旁边升降,浮衡仪的指针一点点偏转。

石头抵达各自的高度后,才开始彼此靠拢。楼板接上柱列,拱券落到合适的位置,八块石头拼成一扇玫瑰窗。原本散开的构件,终于显出一座完整教堂的样子。

浮力大教堂,缆索与配重之间的柱廊和玫瑰窗

指示灯逐块亮起,门槛的栏门打开。旅人这时才走进去,穿过中殿抵达圣坛,再沿侧廊回来。等他离开,教堂又松开连接,散成各自的高度。

在这里,值得等的是建筑合拢的那一刻。之前看着各不相干的石头,忽然都有了自己的位置。

薄膜群岛,一面墙慢慢变成街道

薄膜群岛的建筑长在透明曲面上。二十二座膜岛浮在海天之间,白石塔楼和黄铜灯列沿着弧度倾斜,透过脚下仍能看见深海。

两座膜城靠近时,变化先出现在边缘。向上弯起的膜面逐渐放平,原本像墙一样立着的部分,铺成了两城之间的地面。

篷架随之展开,两岸的灯火围出一段海上市街。旅人经过的地方,刚才还没有路。等两城分离,篷架收起,灯列重新弯向天空,街道又成为岛的边界。

薄膜群岛,两座膜城之间展开临时市街

远看时像两座岛在相遇,靠近以后,才会发现整条街都随着脚下的曲面改变了姿态。

可以靠近,也可以只是看着

这些空间在浏览器里实时运行。看见感兴趣的地方,可以拖动画面绕到另一侧,或者暂停,把时间轴往回拉一点。同一段变化,换个角度看,往往才看得清它是怎样发生的。

有些场景还能跟随旅人。镜头沿着他的路线移动,刚才远处的一小段柱廊,会变成身边经过的石柱;从全景里看不出多长的桥,也有了走过去所需的时间。

天气、光线和声音也可以自己选。换成晚霞或雨雪,看看同一座建筑的另一副样子;打开声音,听一会儿环境和机构的动静,或选一首配乐。找到舒服的角度之后,就可以把鼠标放下了。

我也给每个空间留了一篇「观测手记」。薄膜群岛里有两行:

小小的篷顶在海上展开,
从未有过土地的地方,容下了脚步。

这些文字放在场景里的手记入口,想读时可以打开。刚刚看过的建筑和运动,在几行字里又留下了另一种样子。

50+ 空间不用一次看完。挑一个名字让你好奇的地方,进去待一会儿就好。也许看完一轮变化就离开,也许会想换个角度,再等下一次。

如果遇到喜欢的地方,可以把它的网址留下,或者发给一个愿意陪你发呆的人。

进入「不可思议空间 / Incredible Space」

标签AI编程

继续阅读

0到1带速通Codex,终极保姆教程来了。

最近Codex的热度,真的感觉直线飙升。 社群里一直有人问,什么时候出新的教程。 我其实在二月份的时候,写过一篇Codex的教程。 但说实话,那时候的Codex热度很低,而且几个月过去,那时候跟现在开启了爆更模式的Codex比,几乎是两个产品了。 所以我觉得,是…

交互设计常用中英文专业术语

最近开始整理交互设计师在工作和职场交流中常用的英语词汇,包括了设计方向、设计领域、职业、专业学科、交互设计专用术语、设计方法、界面、UI、布局、控件、手势、产品、商业、技术、用研、数据分析、计费模式、信息可视化、成果、其他20个方面,陆续通过4…

云上数据开发场景的AI Copilot设计实践

随着大模型技术与云计算本身的融合,我们希望未来的云可以像车一样也能够自动驾驶,大幅提升开发者使用云的体验。 ——阿里云智能首席技术官(CTO)周靖人 随着大模型与生成式AI的迅速发展,云产品的交互体验也在拥抱AI。在刚刚过去的云栖大会上,超过30款云产…

0 条评论,426 次阅读