MEET THE DEVS & ARCHITECTURE
POKEHUB is a real-time 3D Texas Hold'em arcade built with hardware-accelerated WebGL, procedural Web Audio synthesis, and deterministic poker algorithms.
ENGINEERING ROSTER
PALISE WATANAVISO
NANTHANAT CHAROENSUK
KADSAN SUPPHAAKKARHASOPHON
PHURICHAYA CHALOEMSRI
TECHNOLOGY STACK
FRAMEWORK & RUNTIME
Next.js 16 (App Router)
Server & Client Components architecture, dynamic code splitting, and SSR optimization.
React 19
Concurrent rendering, reactive game state handling, and custom audio/render hooks.
3D GRAPHICS & WEBGL
Three.js (r185)
WebGL scene graph, spatial perspective cameras, dynamic lighting, and card collision physics.
@react-three/fiber & drei
Declarative 3D pipeline in React, GLTF model loading, and 6 procedural card deck shaders.
MOTION & PHYSICS
GSAP 3.15 + ScrollTrigger
Scroll-scrubbed 3D showcase timelines, horizontal card pinning, and card orbit kinetic sequences.
Lenis 1.3 & Motion 13
Inertial smooth scrolling engine integrated with requestAnimationFrame and spring physics.
PROCEDURAL WEB AUDIO
Web Audio API (AudioContext)
Synthesizes real-time ASMR card shuffles, riffle snaps, chip clinks, and table landing thuds.
Zero-Asset Sound Synthesizer
Pure code-generated audio with 0ms asset loading delay and 0KB external MP3/WAV overhead.
POKER ENGINE & CRYPTO
WSOP Texas Hold'em State Machine
Turn order (UTG to Button), multiway side pots, 7-card hand evaluators, and heuristic bot AI.
Web Crypto API (RNG)
Cryptographically secure Fisher-Yates randomization for 100% provably fair deck shuffling.
STYLING & TYPOGRAPHY
Tailwind CSS v4 + PostCSS
High-contrast neo-brutalist utility system, 3-4px solid black borders, and hard-offset shadows.
Google Fonts Pipeline
Bungee, Press Start 2P, Archivo Black, Space Mono, and Instrument Serif typography.