TikTok LIVE Football Battle Prototype

JavaScript, CSS, C# Programming, Animation, HTML5, 3D Animation, Game Development, Three.js · I want to see a 9:16 football-style “battle” that can run as a TikTok LIVE overlay but, for this first pass, it can rely on test buttons or simulated gift events instead of the full TikTok API. The build must run on Windows and plug straight into OBS as a browser source, so JavaScript (plain, Three.js, or another web-friendly framework you prefer) feels like the right fit.

Here’s what I need to see working:

• Two distinct 3D-animated characters on the pitch • Automatic kickoff, goal detection, and score updates—no manual intervention once the stream starts • Basic celebration and idle animations so the scene never looks static • A small control panel (or hotkeys) that fires “gift” events for testing purposes; each event should influence the match flow or score • Clean 9:16 canvas that OBS can capture without additional cropping • Well-commented source code and simple build/run instructions so I can extend the logic or swap assets later

Acceptance criteria • Launching index.html in a browser source inside OBS immediately shows the arena in portrait mode • Pressing a test button (or triggering the equivalent keyboard shortcut) increments the correct side’s score and