我们正在开发一个名为 Hey, Focus! 的游戏（一种结合了虚拟伴侣元素的番茄计时器工具），在开发过程中，我们面临一个经典的UI困境：如何视觉呈现计时器倒计时？

传统的进度条只是一个枯燥的线条或者圆圈。在一次浏览шей德库的过程中，我们偶然发现了一种叫做“水球”的形状，这种形状通常用于RPG中的健康/法力池。我们的老板突然指了指屏幕，宣布：“让我们用这个！让时间像水一样流失！”？

最初的打算只是一个简单的，流失的水球。当有个疯狂的加班之夜。

我们的程序员，脸上冒汗从屏幕上的水球这一特性中受困，并突然站起来，开始走来走去，喃喃自语：“我想要可乐……如果我不马上喝到冰冷的可乐，我会失控的……”

但是现实很冷酷。大兄弟只手头上的是一桶温水。

他看向屏幕上的水球——那就是阻碍他进入深夜的原因——他深呼了一口气说：“想象一下，如果在工作时能有一个真正的冰冷可乐直接放置在桌子上，多好啊？””

我们的老板听到这句，拍了拍大腿，说：“好吧，就这样吧!让我们把水球改成可乐的形象，让你在工作时可以‘喝’它。””

我们的程序员没想到，一个随机的抱怨会立刻增加他的工作量，哈哈。他也根本没想到，重负担转变为将番茄计时器改造为全面的饮料系统，而他需要承担责任。

制作一个“Cyber饮料”

首先，我们切下水球的25%，转变成一个打开的杯子，进一根吸管和一些装饰，咔兹咔兹!你便可以有一个基本的橙汁了。纯粹的液体颜色（如牛奶或水）相对容易实现，但他深深的爱好可乐，让我们无法满足。

于是开始了我们的程序员的“发呆周”。为了模拟不同的饮料物理性质，底层的逻辑对于每种饮料都是不同的：

  • 冰块： 必须浮在上面，以弹性惯性方式与窗口滚动的时钟同步。
  • 布丁（泡泡茶）： 必须沉到底部作为点缀物，仍然对杯子晃动时的底部碰撞逻辑做出反应。
  • 气泡（可乐独有）： 需要以不同大小生成气泡，随着浮浮于水面而逐渐缩小，直到泡泡消失。
  • 冰美式咖啡： 咖啡的渐变色彩极其奇怪，需要复杂的3种颜色的渐变计算来实现。

我们的程序员的“发呆周”，在这个阶段，生还者有多种饮料的概念被加入进来，让我们开发团队陷入其中。我们的程序员从当时开始，彻夜加班。他从开发不同的饮料来调试代码。我们的程序员被迫花费了数个夜晚来使他的饮料系统工作。