Build expressive AI mascots with 2D canvas and 3D WebGL rendering

WebGL 3D Canvas 2D LLM Ready
💎

3D WebGL Examples

5 demos
3D Demo
WebGL ★★★★★

3D Interactive Showcase

The complete 3D experience. Switch between crystal, moon, and sun geometries with emotions and effects.

all geometries emotions bloom
Crystal Soul
WebGL ★★★★★

Crystal Soul

Frosted crystal with dynamic inner soul glow and SSS presets.

SSS blend modes
Moon Phases
WebGL ★★★★★

Moon Phases

Realistic moon with 8 phases and tidal lock camera.

phases textures
Solar Eclipse
WebGL ★★★★★

Solar Eclipse

Corona effects and blend layers.

corona eclipse
Blood Moon
WebGL ★★★★★

Blood Moon Eclipse

Rayleigh scattering simulation.

physics eclipse
🎨

2D Canvas Examples

5 demos
Hello World
Canvas ★★★★★

Hello World

The simplest example. Start here to learn the basics.

beginner minimal
Basic Usage
Canvas ★★★★★

Basic Usage

Emotions, gestures, and shapes with keyboard shortcuts.

emotions gestures shapes
Breathing App
Canvas ★★★★★

Breathing App

Guided breathing exercises.

wellness animation
Event Handling
Canvas ★★★★★

Event Handling

Monitor events in real-time.

events debugging
Rhythm Sync
Canvas ★★★★★

Rhythm Sync

Beat-synchronized animations.

audio tempo
🤖

LLM Integration

1 demo
Claude Chat
AI ★★★★★

Claude Chat

Emotional AI assistant responding with emotions based on conversation sentiment.

Claude sentiment chat