Live Coding Stream Youtube Live Avatar Chat : react, phaser, webrtc, webgl, node (Educational)

πŸ”΄ WATCH CHAT COME ALIVE

Building Kynto β€” every person in chat gets their own avatar with a unique TTS voice they can control. Type commands, your avatar moves, speaks, and reacts. All built live, every night.

⚑ TONIGHT’S BUILD:
β†’ New avatar reactions system
β†’ Chat-triggered animations
β†’ Voice customization features
β†’ WebRTC experiments (screens, cams, guests)
β†’ Maybe some PSP web dev chaos

πŸ’¬ INTERACTIVE COMMANDS (Try them NOW):
!whoami β†’ highlight yourself (glow, jump & speak)
!move up/down/left/right β†’ control your avatar
!jump β†’ make your avatar leap
!dance β†’ bust a move
!shrink β†’ become tiny
!grow β†’ get HUGE
!crawl β†’ lie down and chill
!float β†’ defy gravity
!warp x y β†’ teleport anywhere (e.g., !warp 500 300)
!wardrobe β†’ change your look
!identify β†’ see who’s here from where
!help β†’ full command list

πŸ› οΈ TECH STACK:
JavaScript | WebRTC | WebSockets | Canvas | WebGL | TTS APIs | Next.js | React | Phaser | Node.js | Python

🎯 WHY I’M BUILDING THIS:
Recently laid off after 20 years as a self-taught dev. Building the streaming tools I wish existed β€” where chat isn’t just text, it’s alive. No OBS plugins. Just browser-based magic.

πŸ“ THE VISION:
βœ… Every viewer gets a persistent avatar across streams
βœ… Chat controls games, overlays, stream elements
βœ… Multi-platform (Twitch + YouTube + Kick sync)
βœ… Fully open development β€” you shape what gets built

πŸ”” Subscribe to watch:
β†’ Chat avatars evolve with new features nightly
β†’ Real dev work (bugs, wins, and “oh shit” moments)
β†’ Honest tech career talk (layoffs, upskilling, pivoting)

πŸ’‘ Got feature ideas? Drop them in chat β€” this is OUR project.

πŸ”— Join the Discord: https://discord.gg/K58KvmwftD
πŸ”— Other socials: (search codeloch)

MODERATORS: PHDesigns and TrueX

#LiveCoding #InteractiveStream #WebDev #ChatAvatars #TTS #JavaScript #WebRTC #TechLayoffs #StreamerTools