A starter template for Three.js based animations that tie in with users posting emotes through Twitch chat in real time. Uses the twitch-chat-emotes-threejs library to interact with chat.
Confused? Learn more about the project.
If you're looking for a more basic template or are more comfortable using the canvas API yourself, check out intro-example.
Include ?channel=moonmoon, or ?channel=channel1,channel2,channel3... in your URL to connect to a specific channel, great for testing!
Include ?stats=true to enable performance stats (should pop up in the top left corner).
Before you start, you should have NodeJS installed.
npm install
npm run dev
After running dev, open localhost:5173. The page should automatically refresh when you make a change.
npm run build
Outputs static files to /dist/.
Services like Netlify have free tiers that can easily deploy simple static webpages like this.