Projetado para Multi-Table

Já faz um tempo desde o último post. Eu queria voltar com algo que valesse a pena ler, e maio me deu isso.

Eu vinha querendo derrubar a interface e começar de novo há um tempo. Não gostava dela. A maioria dos apps de poker coloca todo o orçamento de design em mobile e para por aí -- e sim, também fizemos trabalho mobile -- mas a parte que eu pessoalmente precisava consertar era a experiência de multi-table. Sempre odiei abrir quatro janelas do browser para jogar quatro mesas. Então antes de qualquer um desse trabalho começar, escrevi alguns requisitos rigorosos sobre como tinha que se sentir, e construímos em torno disso.

Isso é o que inventamos, e o resto do que aterrissou pelo caminho.

O Que Inventamos

Um workspace persistente, construído a partir de tiles. Mesas, lobby, cashier, histórico de mãos -- todos vivem na mesma grade. Você os arrasta, o layout persiste entre sessões, e links antigos das páginas ainda funcionam; eles apenas abrem o tile certo em vez de te levar a uma página separada.

O alvo para onde estamos construindo: 16 mesas ao vivo em uma única janela, sem janelas extras, sem laptop com ventilador rugindo.

O workspace, ponta a ponta. Mesas, lobby e cashier todos vivem como tiles na mesma grade. A mesa atuante recebe um anel dourado para você sempre saber qual está no relógio.

Cinco mudanças técnicas são o que movem 16 mesas em uma janela de slogan para alvo realista:

Um contexto GPU para a página inteira. Cada mesa na tela agora compartilha um único renderer em vez de cada uma subir o seu. Esse é o desbloqueio -- browsers modernos limitam quantos contextos GPU uma página pode segurar, e o velho modelo um-por-mesa esgotaria muito antes de você chegar a 16. Laptops, máquinas mais antigas e mobile mid-tier todos seguram lindamente agora com várias mesas abertas, e a margem só sobe.

Cada tile escolhe sua própria orientação. Retrato ou paisagem, decidido pelo que cabe. Quatro mesas num monitor wide ficam em paisagem. Oito num tablet viram retrato quando faz sentido. Você não precisa pensar nisso.

Uma barra de ação por tile. Quando uma mesa precisa de você, você age naquela mesa -- exatamente onde seus olhos já estão.

Um anel brilhante na mesa atuante. A mesa que está no relógio é a que está brilhando. Difícil de perder, fácil de ignorar até importar.

Reivindicações de assento atômicas. Nos bastidores, mas conta: quando dois jogadores apertam sit no mesmo assento no mesmo instante, a plataforma agora resolve isso limpinho. Sem reivindicações duplas, sem surpresas.

E Aqui Está O Resto

A mesa em si recebeu um redesign enquanto estávamos lá dentro. Avatars maiores. Cada assento tem seu próprio anel colorido. O jogador ativo recebe um anel dourado em cima da sua cor -- distinguível por forma, não só por tom, para que jogadores daltônicos não percam a dica. Os labels de stack são um verde mais brilhante que se destaca contra o feltro escuro. Nameplates mais limpos. A geometria dos assentos também foi apertada -- as mesas agora estão matematicamente uniformes em torno do feltro, com os labels de bet em offsets consistentes em direção ao pot. O tipo de coisa que você não nota uma vez que está certo, que é o ponto.

Também enviamos um tema escuro de mesa ao lado do original. Feltro carvão, uma corrimão metálico prata de três faixas, linhas geométricas tênues conectando cada assento, texto de nome e stack flutuante -- sem fundo de pílula. Os clubes escolhem seu próprio tema. Se seu clube está no escuro, você verá da próxima vez que sentar.

Um monte de vitórias menores veio junto na carona:

• Click-to-sit. Toque no "+" em qualquer assento vazio. O diálogo de buy-in abre com aquele assento já reservado.
• Menu hambúrguer substitui o sino. Profile, cashier, histórico de mãos, help -- todos a um toque do header.
• O chip de bankroll agora é um botão. Toca nele, o tile de cashier abre. Economiza um passo.
• Mobile ganhou espaço para respirar. Em telas estreitas a marca se esconde para que a faixa de mini-tables e o botão "+" tenham o espaço de que precisam. Fullscreen nativo está a um toque do header do workspace.

O Que Vem Depois

A fundação do workspace está dentro. Próximo: registration e as mecânicas do jogo em si. Mais sobre ambos quando estiverem prontos.

Para o lado de engenharia de como trabalhamos -- spec, sessões, a divisão arquiteto / agente -- isso eu escrevo em The Salty Korean.

Stay salty.