🎨 Interactive Overlay

The Interactive Overlay widget allows viewers to draw, place images, and interact directly with your stream in real-time.

---

Overview

Viewers gain temporary access to a canvas overlay where they can draw, add images, and create visual content that appears on your stream.

Default Cost: 5 Juice per second of access time

---

How It Works

1. Viewer types: !draw to request access
2. Juice is deducted for the access time
3. A drawing interface opens for the viewer
4. Their drawings appear on your overlay in real-time
5. Access expires after the set duration

---

Features

Drawing Tools

• Freehand drawing with color selection
• Multiple brush sizes
• Eraser tool

Image Placement

• Upload images to place on the overlay
• Drag and position images
• Enable/disable image uploads per your preference

Canvas Controls

• Clear canvas (streamer only)
• Undo actions
• Real-time synchronization

---

Settings

Basic Settings

Setting	Description	Default
Cost per Second	Juice for access time	5
Access Duration	Seconds of drawing time	60
Enabled	Master toggle	On
Enable Image Upload	Allow image placement	On

Content Settings

Setting	Description	Default
Enable Image	Allow image uploads	On
Enable Sound	Allow sound effects	On

---

Setup Instructions

Step 1: Enable Interactive Overlay

1. Go to Widgets → Interactive Overlay in your dashboard
2. Toggle Enabled to ON
3. Set your cost per second
4. Set the access duration

Step 2: Add Overlay to OBS

1. Copy the Interactive Overlay URL
2. In OBS, add a Browser Source
3. Paste the URL
4. Set dimensions: 1920 x 1080 (full screen recommended)
5. Position as a top layer so drawings are visible

Step 3: Configure Permissions

1. Decide if you want to allow image uploads
2. Toggle Enable Image accordingly
3. Consider content moderation needs

---

Commands

Command	Description
!draw	Request drawing access
!overlay	Alternative command

---

Cost Calculation

Access time is charged upfront:

Access Time	Cost (at 5 Juice/sec)
30 seconds	150 Juice
60 seconds	300 Juice
120 seconds	600 Juice

---

Viewer Experience

Getting Access

1. Type !draw in chat
2. If Juice is sufficient, a link/interface is provided
3. Access begins immediately

Drawing Interface

Viewers see:

• Color picker
• Brush size selector
• Drawing canvas
• Countdown timer for remaining time
• Clear/undo buttons

When Time Expires

• Drawing access ends immediately
• Viewer must use !draw again for more time
• Previous drawings remain on canvas (until cleared)

---

Moderation

Clearing the Canvas

As a streamer, you can clear the overlay:

1. Use the dashboard Clear Canvas button
2. All drawings are instantly removed

Content Concerns

To prevent inappropriate content:

1. Disable image uploads if needed
2. Keep the overlay visible so you can react quickly
3. Have clear rules about appropriate drawings
4. Be ready to clear the canvas

Restricting Access

If a viewer misuses the overlay:

1. You can timeout/ban them from chat
2. Consider temporarily disabling the widget
3. Clear the canvas

---

Use Cases

Fun Interactions

• Let viewers doodle during chill streams
• Community art sessions
• Interactive challenges ("Draw the streamer")

Games & Events

• Pictionary-style games
• Collaborative drawings
• Stream decorations

Celebrations

• Birthday messages
• Milestone celebrations
• Holiday-themed content

---

Troubleshooting

Drawings Not Appearing

Issue	Solution
Overlay blank	Check browser source URL is correct
Lag in drawing	Normal slight delay over internet
Colors wrong	Refresh the browser source

Access Issues

Issue	Solution
Can't access canvas	Check sufficient Juice balance
Access ends early	Verify access duration setting
Interface not loading	Try a different browser

Performance Issues

• Complex drawings may cause slight lag
• Clearing the canvas helps performance
• Consider limiting access time for smoother streams

---

Best Practices

1. Set Clear Rules: Tell viewers what's appropriate
2. Monitor Actively: Watch the overlay during streams
3. Use Appropriate Costs: Higher costs reduce spam
4. Clear Periodically: Don't let the canvas get too cluttered
5. Have Fun: Embrace the creative chaos!

---

FAQ

Q: Can multiple viewers draw at once? A: Yes, multiple viewers can have access simultaneously.

Q: Do drawings persist between streams? A: No, the canvas clears when the overlay is refreshed.

Q: Can I save drawings? A: You can screenshot the overlay, but there's no built-in save.

Q: What image formats are supported? A: PNG, JPG, GIF for image uploads.

Q: Is there a size limit for uploaded images? A: Yes, images are resized to fit the canvas.

Q: Can I disable drawing but allow images only? A: Currently, drawing and images are enabled together.