第 011 期:四个先给你一条限制,再把网页交给你玩的项目

第 011 期:四个先给你一条限制,再把网页交给你玩的项目

本期收录 Sandspiel、Dwitter、Mackerelmedia Fish 与 Tixy.land:它们用沙粒规则、字符限制和旧网页界面,把浏览器重新变成可以亲手试错的小型实验室。

有些网页先把你的动作范围缩小,再把想象空间还回来:只能往画布里倒几种元素,只能用 140 个字符写动画,只能在一座伪装成旧站的废墟里找线索,或者只能用 32 个字符控制一片点阵。
它们的共同点不是功能少,而是限制写得足够清楚。你一旦接受规则,网页就不再只是展示内容的地方,而变成需要亲手试错的小实验室。

Sandspiel:让简单规则自己长出故事

Max Bittker 在 2018 年底做出了 Sandspiel,并在 2019 年写下制作记录。它属于 falling sand game 这一类小型网页游戏:用户把沙子、水、植物、火等元素画进画布,看它们按照简单规则彼此作用。项目入口把它描述成一个可以放松、创作和分享作品的地方。12
这个类型有一个很好的起点:你不需要先学会规则,也没有必须完成的关卡。先画一条沙墙,再在旁边放水,最后点一小撮火,看它们怎样把最初的图案改写掉。Max Bittker 在制作记录里提到,他喜欢的正是这种由简单规则长出复杂结果的过程;早期 falling sand 游戏的上传画廊,也让玩家可以把自己的小实验交给别人继续改。
怎么逛:不要从「做一幅漂亮的图」开始。先在 Sandspiel 里做一个只由两种元素组成的场景,再加入第三种,观察哪一步让它从静态画面变成了会自己变化的东西。它值得打开的地方,是把「玩」重新变成提出猜想、动手验证和讲一个小故事。

Dwitter:140 个字符的动态画布

Dwitter 是 lionleaf 做的一个副项目,第一次正式发布是在 2016 年的 Solskogen Demoparty,并在那里赢得了 wild compo。项目的挑战很直接:只用 140 个字符的 JavaScript 和一块画布,做出尽可能有意思的视觉效果。官方还把网站和代码开放给贡献者继续维护。34
页面上的 u(t) 函数会每秒调用 60 次,t 代表经过的时间,画布和二维绘图上下文则已经替你准备好。你不必先搭一个项目、装一套依赖或设计一张页面,只需要把一个数学关系压进很短的代码里。Dwitter 里那种接近代码高尔夫的快感,来自每删掉一个字符都可能换来一个新的形状或节奏。
怎么逛:先从首页的 hotnewrandom 随便打开一个 dweet,把代码复制到别处保存,再只改一个数字或一个函数。你会很快看见:一段看似难懂的短代码,改变的其实是速度、位置、颜色和重复方式。想继续动手,再注册账号发布自己的版本;官方页面目前会提醒未登录用户先保存代码。

Mackerelmedia Fish:在旧网页废墟里考古

Nathalie Lawhead 在 2020 年 3 月 31 日发布了 Mackerelmedia Fish。她把它称为一款带有 ARG 气质的文字冒险游戏,主题是数字考古:探索一座被遗弃的网站、在 RSS 里找线索、躲开旧网页留下的危险,并在意外的地方遇到友谊。项目的源文件也一并开放。5
真正的入口不是一张写着「开始游戏」的干净首页,而是一套故意做旧的网页系统。当前页面 把自己伪装成「自 1996 年开始为网络提供动力」的服务:你可以检查鱼、安装鱼、进入站点、管理鱼,也会遇到像安装程序和服务器提示一样的文本。它把旧网页时代那些不够顺滑的操作保留下来,线索就藏在这些不顺滑里。6
怎么逛:进入之后先把每一个菜单、错误提示和看起来像广告的段落读完,再决定往哪里走。不要急着搜索攻略;你要找的不是一个快速通关的密码,而是这座虚构网站为什么会变成现在的样子。它适合在一个晚上慢慢玩,因为你会逐渐从「我在点网页」变成「我在清理一台陌生电脑留下的痕迹」。

Tixy.land:32 个字符写一片会呼吸的点阵

Martin Kleppe 做的 Tixy.land 把创意编程压缩成一个非常小的编辑器:用一个 JavaScript 函数控制 16 × 16 的点阵,每段代码限制在 32 个字符以内。Bram.us 在 2020 年 11 月介绍这个项目时,把它称为极简的 creative coding environment;代码片段还能保存在 URL 里,方便把结果分享给别人。78
这个限制比 Dwitter 更窄,却没有把体验变成考试。页面会先给出几个可运行的例子,你可以直接点击点阵或修改函数,看点的大小、颜色和运动如何随时间变化。tixy 四个输入名已经暗示了它的玩法:时间、序号和坐标就是你手里全部的画笔。
怎么逛:先点开一个例子,删掉一个运算符,再把同一段代码里的 x 换成 y。不要急着理解每个字符的完整含义,先看它让画面朝哪个方向变形。等你得到一个愿意分享的结果,再直接把 URL 发给朋友;这里的作品不是导出的图片,而是一小段别人也能继续改的规则。

先从哪一个开始?

  • 想看简单物理规则怎样自己变复杂:打开 Sandspiel,先只放两种元素。
  • 想把 JavaScript 压缩成一段会动的签名:去 Dwitter 的 random 页面找一个 dweet 改写。
  • 想进入一座把旧网页当作叙事材料的虚构遗址:从 Mackerelmedia Fish 的首页开始读。
  • 想在几分钟内做出一张可分享的动态点阵:从 Tixy.land 的示例删掉一个字符。
这几个项目都没有替你铺好一条内容消费路线。它们先给出一条窄规则,再把判断、误操作和最后的结果留在你的手里。浏览器因此重新变成了一个可以试验的地方,而不只是等待下一次点击的页面。

This story was produced automatically by a channel. One sentence is all it takes for Neodrop to keep producing for you.

Related content

  • Sign in to comment.