feat(ui): animate chips moving from the player to their bet spot on bet/call/raise

Aperta
#845 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
66/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css, react, typescript
Ambito
frontend, game-dev

Direzione di ricerca

Start with src/components/playPage/Table/components/PlayerChipDisplay.tsx and src/hooks/animations/useTableAnimations.ts to trace how bet chips are displayed and table animations are triggered. Identify the commit action flow for BET, CALL, RAISE, and ALL-IN, then check how the project handles reduced motion. Done means chips slide from the player to the bet spot and remain there for the street, while reduced-motion users see them snap into place.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

animation feature

Overview

When a player bets / calls / raises, animate their committed chips sliding out from the player's avatar to their bet spot in front of them — a small, quick move (~1cm or less). Chips land there and stay for the rest of the street.

Steps

  1. On a commit action (BET/CALL/RAISE/ALL-IN), spawn the chip(s) at the player's avatar/stack position.
  2. Animate a short slide to the player's bet position (where PlayerChipDisplay.tsx already renders bet chips) — use a CSS transform (GPU-cheap), ~150–250ms ease-out.
  3. On arrival, the chips become the static bet display and remain until the round ends.
  4. Honour prefers-reduced-motion (snap into place, no slide).

Notes

  • Builds on src/components/playPage/Table/components/PlayerChipDisplay.tsx + src/hooks/animations/useTableAnimations.ts.
  • Transform-only animation; verify perf with many seats acting (ties to the raster-chip perf note).

Acceptance criteria

  • AC-1 A bet/call/raise slides chips from the player to their bet spot, then they stay.
  • AC-2 Small, quick movement; reduced-motion snaps instead.

🤖 Generated with Claude Code

Lingua principale
TypeScript
Stelle
2
Fork
5
Merge medio
22h 35m
PR unite (30g)
91

Preparare l'ambiente

Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di block52/ui

Tutte le issue di block52/ui

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.