Drawing.garden
一个名为 Drawing.garden 的极简网页玩具让用户在网格中填入随机选择的植物和生物 emoji,并播放简单音符,这引发了从平静满足到因缺乏目标或控制而轻微挫败的各种反应。评论者把它当作数字艺术和“禅意”解压玩具来讨论,分享操控网格的小型代码技巧,并将其与其他有趣、非生产性的网页实验相比较。这个项目也引发了对这类创作目的的反思——它们是否一定要“有用”,还是提供片刻审美性的休息本身就足够有价值。
总体印象
- 许多评论者把这个网站描述为令人平静、可爱、迷人,或者很“禅”,适合短暂地让大脑放空。
- 也有人发现它比预期更有趣,并把它比作成人涂色书或经典的趣味软件(例如 Mario Paint)。
- 还有一部分用户觉得它没有意义,或者有点令人不适,因为它没有明确的目标或用途,尤其是在“drawing”这个域名之下。
玩法和音频机制
- 交互很简单:点按/悬停在网格单元上会随机切换植物和生物;除了随机性之外,没有胜利条件或模式逻辑。
- 有些用户会给自己设定目标(例如把一块区域或整个棋盘填满同一个符号)。
- 声音由随机选取的 C、D、E 或 G 音符组成(大五声音阶的子集),因此几乎任何序列听起来都和谐。
- 声音和 emoji 按设计都不能由用户控制;这一点被表述为“这就是重点的一部分”。
- 不少人一开始根本没注意到声音,或者觉得声音太尖锐、让人焦虑,于是更喜欢静音玩;移动端的声音表现也不一致。
实现细节和代码实验
- 这个草图使用 p5.js 实现;网格由
<p>元素构建。 - 网站图标是动态生成的,使用嵌入当前 emoji 的 SVG;一些人认为这是个很巧妙的技术。
- 多段代码片段展示了如何:
- 以程序方式点击或悬停每一个单元格。
- 循环每个单元格直到它匹配某个选定的 emoji。
- 使用左键/右键点击来确定性地在符号集合中逐步切换。
- 有人指出代码里的生物列表没有 lion,而其他人坚持说他们看到了 lion;这点仍然不清楚。
UX 问题和功能请求
- 建议包括:响应式缩放、保存/分享花园、更容易的擦除方式(例如拖动或按住)、让一个单元格永久保持空白,以及在拖动时防止文本被选中。
- 有人报告移动端问题(空白背景、没有声音、iOS 下拉刷新);讨论了
overscroll-behavior和禁用弹性滚动之类的 CSS 修复。 - 还有人提议加入模拟行为(蜜蜂拜访花朵、蜘蛛结网、向日葵转动、风的 shader、仙人掌“哎哟”)或在 100% 完成时给予奖励。
艺术、目的与情感反应
- 关于实用性与无目的游玩之间有一场小争论:有些人把它看作令人愉悦、冥想式的艺术;另一些人在无法赋予它明确目的时会感到不安。
- 讨论中把它与公园、风景艺术以及作为本质上非功利但有价值体验的视频游戏进行比较。
- 这个项目引发了对“drawing”在数字、网格化、符号化语境中意味着什么的思考。
相关网页玩具和变现玩笑
- 评论者分享了许多类似的“无意义”网页玩具和艺术实验,把这视为网络精神的一部分。
- 关于变现的讨论也只是开玩笑(在 emoji 位置放广告、赞助音符、区块链/AI 流行语讽刺)。