为多桌而设计

距离上一篇文章已经有一段时间了。我想带着值得一读的东西回来，五月给了我一个。

我一直想把界面推倒重来。我不喜欢它。大多数 poker 应用把设计预算砸在 mobile 上就停了 -- 是的，我们也做了 mobile 的工作 -- 但我个人需要修复的部分是 multi-table 体验。我一直讨厌为了玩四张桌子打开四个浏览器窗口。所以在这项工作开始之前，我写下了一些关于它必须如何感觉的严格要求，我们围绕这些要求来构建。

这就是我们想出来的，以及一路上落地的其他东西。

我们想出来的

一个持久的 workspace，由磁贴构建。桌子、大厅、出纳、手牌历史 -- 全部住在同一个网格中。你拖动它们，布局在会话之间保持不变，旧的页面链接仍然可用；它们只是打开正确的磁贴，而不是带你到一个单独的页面。

我们正在朝着的目标：一个窗口中 16 张实时桌子，没有额外的窗口，没有风扇咆哮的笔记本电脑。

workspace，端到端。桌子、大厅和出纳都以磁贴的形式存在于同一个网格中。操作中的桌子获得一个金色光环，所以你总是知道哪一张在倒计时。

五个技术变化将一个窗口中的 16 张桌子从口号变成现实目标：

整个页面一个 GPU 上下文。屏幕上的每张桌子现在共享一个渲染器，而不是每个都启动自己的渲染器。这就是解锁 -- 现代浏览器对页面可以容纳多少个 GPU 上下文有上限，旧的一张桌子一个的模型在到达 16 之前就会精疲力尽。笔记本、老旧机器和中端 mobile 现在都能漂亮地撑住多张桌子打开，余量还在继续上升。

每个磁贴选择自己的方向。纵向或横向，由什么合适决定。宽屏显示器上的四张桌子保持横向。平板上的八张桌子在合适时翻转为纵向。你不必去想它。

每个磁贴一个操作栏。当一张桌子需要你时，你就在那张桌子上行动 -- 正好在你的眼睛已经在的地方。

操作桌的发光环。正在倒计时的桌子就是正在发光的桌子。难以错过，在重要之前易于忽略。

原子座位声明。幕后的事，但很重要：当两个玩家在同一瞬间在同一个座位上按 sit 时，平台现在能干净地解决它。没有双重声明，没有意外。

以及其余部分

我们在里面的时候，桌子本身也得到了重新设计。更大的头像。每个座位都有自己的彩色环。活跃玩家在自己的颜色上方获得一个 金色 环 -- 通过形状区分，而不仅仅是色调，这样色盲玩家也不会失去线索。筹码堆标签是更明亮的绿色，在深色绒面上很显眼。名牌更整洁。座位几何也被收紧了 -- 桌子现在在绒面周围数学上均匀，下注标签朝向底池有一致的偏移。一旦做对就不会注意到的那种事，这就是重点。

我们还在原始主题旁边推出了 深色桌子主题。炭黑绒面，三段金属银色围栏，连接每个座位的微弱几何网线，浮动的名字和筹码堆文字 -- 没有药丸背景。俱乐部选择自己的主题。如果你的俱乐部是深色的，下次你坐下时就会看到。

一堆较小的胜利也跟着来了：

• Click-to-sit。点击任何空座位上的 "+"。买入对话框打开时，该座位已被预订。
• 汉堡菜单替换了铃铛。个人资料、出纳、手牌历史、帮助 -- 全部从标头一键到达。
• 资金筹码现在是按钮。点击它，出纳磁贴打开。节省一步。
• 移动端有了喘息空间。在窄屏上，品牌隐藏，让迷你桌子条和 "+" 按钮拥有它们需要的空间。原生全屏从 workspace 标头一键即可。

下一步

workspace 基础已经到位。接下来：registration 和游戏机制本身。准备好后会有更多。

关于我们如何工作的工程方面 -- spec、会话、架构师 / agent 分工 -- 我把它写在 The Salty Korean 上。

Stay salty.