AlterU AlterU Part 4 · ⑥ Wait = Play Part 4 · ⑥ Wait = Play
大纲Outline
范式 ⑥ · 等待变玩法

5-8s 出图，
不能糊过去。

  • 玩家第一个输入触发 prompt（不是按 GENERATE）
  • 等待 = 化学浴显影视觉过程（img 起始 blur(12px) brightness(0.18) → 全 1.0）
  • SVG filter chain（feTurbulence + Gaussian + displacement）让几何变化学
  • 12 步 iris bloom（CSS animation on SVG r: 0 → 180）
  • 已上线：Kiss Wall（canonical）

通用解：任何用 gen-image 的游戏都套这个 pattern。 Kiss Wall 单日 9 commit 上线，整个等待期变成"暗房显影 + 渐渐出现一个人脸"的仪式感。

Three trays of chemistry bath developing a portrait — 5-8s reveal ritual Kiss Wall
Paradigm ⑥ · the wait is the play

5-8s gen-image,
not a spinner.

  • The player's first input locks the prompt — not a "Generate" button
  • The wait IS a darkroom develop — img starts at blur(12px) brightness(0.18), eases to 1.0
  • SVG filter chain (feTurbulence + Gaussian + displacement) makes geometric edges feel chemical
  • 12-step iris bloom (CSS animation on SVG r: 0 → 180)
  • Shipped: Kiss Wall (canonical)

Generalizable: any gen-image game can adopt this. Kiss Wall shipped it in 9 commits in a day — the entire wait became a "darkroom developing a face" ritual.

Kiss Wall

备忘 · 按 S 关闭Notes · S to close

这个 pattern 一旦理解，会改变同学对"loading"的看法。 loading 不是"挡着用户看不到，让他等"，是"用户主动期待 → 慢慢揭开"。

右上这张图是给培训生成的"化学浴显影"参考——同样的视觉语言可以套到任何 gen-image 等待场景。Kiss Wall 早期 SEAL 按钮 + curtain 帘子糊等待，用户原话"交互太糟糕"砍了 SEAL 才悟。

Once a designer groks this they stop thinking of "loading" as something to hide. Loading becomes "the player is actively anticipating, slowly revealing".

Original Kiss Wall had a SEAL button + curtain hiding the wait. Player verdict: "the interaction is awful." Killing SEAL was the moment the develop ritual clicked.

25 / 41