マルチテーブルのための設計

前回の投稿からしばらく経ちました。読む価値のあるものを持って戻ってきたかったのですが、5月がそれをくれました。

ずっとインターフェースを取り壊して最初からやり直したいと思っていました。気に入っていなかったのです。ほとんどのポーカーアプリはデザイン予算をモバイルに注ぎ込んでそこで止まります -- そう、私たちもモバイル作業はしました -- でも個人的に直したかった部分はマルチテーブル体験でした。4つのテーブルをプレイするためにブラウザウィンドウを4つ開くのが昔から嫌いでした。だからこの作業が始まる前に、どう感じる必要があるかについて厳しい要件を書き出し、その周りに構築しました。

これが私たちが考え出したもの、そして道中で着地したその他のものです。

私たちが考え出したもの

タイルから作られた永続的なワークスペース。テーブル、ロビー、キャッシャー、ハンドヒストリー -- 全てが同じグリッドに住んでいます。ドラッグして動かせば、レイアウトはセッション間で保持され、古いページリンクも依然として機能します。別のページに連れて行く代わりに、適切なタイルを開くだけです。

私たちが目指している目標：1つのウィンドウに16のライブテーブル、余分なウィンドウなし、ファンが唰るラップトップなし。

ワークスペース、端から端まで。テーブル、ロビー、キャッシャーが全て同じグリッド内のタイルとして存在します。アクティブテーブルにはゴールドリングが付くので、どれが時計に乗っているかが常にわかります。

1つのウィンドウに16テーブルをスローガンから現実的な目標に動かす5つの技術的変更：

ページ全体で1つのGPUコンテキスト。画面上の全てのテーブルが、それぞれ独自のレンダラーを立ち上げる代わりに、単一のレンダラーを共有するようになりました。それがアンロックです -- 現代のブラウザはページが保持できるGPUコンテキスト数に上限を設けており、古い1テーブル1コンテキストのモデルは16に到達するずっと前に息切れしていました。ラップトップ、古いマシン、ミッドティアモバイルも今や複数のテーブルを開いて美しく耐え、ヘッドルームは上がり続けます。

各タイルが自身の向きを選びます。縦向きか横向きか、何が収まるかで決定されます。ワイドモニター上の4テーブルは横向きのままです。タブレット上の8テーブルは意味があるときに縦向きに反転します。考える必要はありません。

タイルごとのアクションバー。テーブルがあなたを必要とするとき、そのテーブルで行動します -- ちょうどあなたの目がすでにあるところで。

アクティブテーブルのグローリング。時計に乗っているテーブルが、光っているテーブルです。見逃しにくく、重要になるまで無視しやすい。

原子的シートクレーム。舞台裏ですが、これは重要です：2人のプレイヤーが同じ瞬間に同じシートで sit を押したとき、プラットフォームは今やそれをきれいに解決します。二重クレームなし、サプライズなし。

そして、ここに残りがあります

そこに入ったついでに、テーブル自体もリデザインを受けました。より大きなアバター。各シートに独自のカラーリング。アクティブプレイヤーは自分の色の上に ゴールド リングを受け取ります -- 色相だけでなく形でも区別可能なので、色覚異常のプレイヤーも手がかりを失いません。スタックラベルはより明るい緑で、暗いフェルトに対してよく映えます。ネームプレートはよりきれいです。シートのジオメトリも引き締められました -- テーブルは今やフェルト周りに数学的に均等で、ベットラベルはポットに向かって一貫したオフセットにあります。一度正しくなれば気づかないようなことですが、それがポイントです。

オリジナルと並んで ダークテーブルテーマ もリリースしました。チャコールフェルト、3バンドのメタリックシルバーレール、各シートを繋ぐ薄い幾何学的なウェブライン、浮遊する名前とスタックのテキスト -- ピル背景なし。クラブが自分のテーマを選びます。あなたのクラブがダークなら、次回座ったときに見えるでしょう。

小さな勝利の山もついでに来ました：

• クリックで着席。空いているシートの "+" をタップ。バイインダイアログがそのシートを予約済みで開きます。
• ハンバーガーメニューがベルを置き換え。プロフィール、キャッシャー、ハンドヒストリー、ヘルプ -- 全てヘッダーから1タップで。
• バンクロールチップが今やボタンに。タップすると、キャッシャータイルが開きます。1ステップ節約。
• モバイルが息をする余地を得ました。狭い画面ではブランドが隠れて、ミニテーブルストリップと "+" ボタンが必要なスペースを得ます。ネイティブフルスクリーンはワークスペースヘッダーから1タップで届きます。

次は

ワークスペースの基礎は入りました。次は：レジストレーションとゲームメカニクスそのもの。両方とも準備ができたら詳しく。

私たちの働き方のエンジニアリング面 -- スペック、セッション、アーキテクト / エージェントの分担 -- については The Salty Korean に書いています。

Stay salty.