Project Description
I’m looking for a developer to create a casino-style glowing Live Game Display that works across multiple stores/locations. The system should include a separate login/admin panel where I can manage and operate each store independently. I only need a single HTML/JavaScript front-end page that accepts a store_id parameter and dynamically displays the correct live game data for that specific store, with no cross-store interference.
The display must feature a countdown, a VS screen, live score updates, and a winner reveal, all presented with smooth, high-end casino-style animations using neon glow effects, gold accents, and a dark immersive background. The visual design should feel like a modern gaming arena or casino machine interface, incorporating subtle 3D elements such as a stylized 3D scoreboard, rotating coins, glowing panels, or a cinematic winner reveal to create depth and a premium look.
Additionally, I need a bottom running ticker (marquee-style) that continuously displays dynamic text such as game updates, announcements, or recent results. Include a “Last 10 Games” panel showing recent outcomes with clear color-coded indicators and highlighting trends or streaks in real time.
A key requirement is the color selection and result interaction flow: when a color is selected, the system should visually show points being placed on that color (e.g., animated chips, glow intensification, or counters increasing). When the result is revealed, the winning color should be highlighted with a strong visual effect (flash, glow burst, or 3D animation), and the system must clearly display winning and losing information, including total points placed, winning points, and loss indicators. Winning outcomes should feel celebratory (animations, glow, motion), while losing outcomes should be visually distinct but subtle (dim, fade, or red indicators). This flow should be smooth, easy to understand from a distance, and visually engaging.
The page should receive real-time updates via WebSocket (preferred) or polling and run flawlessly in full-screen mode on Chrome (TV displays). You may use technologies like PixiJS, Canvas, GSAP, and optionally Three.js for 3D elements—whatever delivers the most polished, high-performance, and visually impressive result. The final solution must be fully plug-and-play, allowing the same page to be used across multiple stores simply by changing the store_id.
Project budget is fixed at $50, and I require one year of support for bug fixes and minor adjustments.
NB: Direct message me on my inbox....