Respond to Twitch Chat Commands With Scene Elements and ComfyJS

Share this video with your friends

Social Share Links

Send Tweet

Using the open-source project ComfyJS, display a response to chat commands overlaid on the Twitch scenes. We'll use Eleventy templating to create a partial holding the initial command HTML. Then, using the cicada principle, we'll enable visuals of each command word to appear in a seemingly random order across the scene. We'll use the ComfyJS.onCommand method to enable cloning the command template nodes and adding them as the commands are triggered through Twitch chat. CSS transitions will be used to apply a fade and zoom in/out effect for the added command nodes.