Creations, interactions with code. Right Click over a draw to save it. In the end of the page, there´s some links that opens another window with examples that uses mic and webcam.

Drag the mouse under this text. Click Drag 2 change color
If you go up the draw is smaller, going down gets bigger
Paint. Click and press a key to clear the canvas.
In the middle, color changes.
Click and type a key to refresh and start again.
Click and Drag 100 ellipses. They move away from each other.
Cursor over
Just draw
Paint with the mouse under this text
Draw
Move around and have fun
Go to the center, After you see colors, click.
Paint Pink …
Click to change word, press key to start again.
Click and press a key to clear canvas
The speed controlos the thickness. As easing.

Here, you can interact using sound and video.

Try different browsers, because sometimes they block the webcam : )

Spheres follow your eyes, and sound controls their diameters.

Mic Cam Tracker

Sound controls the size of the squares

( Right-click in the link below and choose "open in a new window") Size Voice Control

Draw. Sound controls the greyscale color of the squares

( Right-click in the link below and choose "open in a new window") Greyscale Voice Control

Draw. Sound controls the color of the lines.

( Right-click in the link below and choose "open in a new window") Color Voice Control

Sound controls the height of the movement. Mouse controls the width.

( Right-click in the link below and choose "open in a new window") Height Voice Control

Random move. Sound controls collor.

( Right-click in the link below and choose "open in a new window") Random Move. Sound Control Color.

Draw with finger. Drum=Big circle / Snare=Small circle

( Right-click in the link below and choose "open in a new window") Draw with finger. Drum=Big / Snare=Small

Face and Voice Tracker

( Right-click in the link below and choose "open in a new window") Face and Voice Tracker

Draw. Voice Diameter.

( Right-click in the link below and choose "open in a new window") Face and Voice Tracker

Words: Top/Down/Right/Left/Clear. Sound controls diameter of the sphere.

( Right-click in the link below and choose "open in a new window") Voice Command

Open in smartphone or tablet, using the QR Code

Draw with finger. Sound controls thickness.

Open in smartphone or tablet, using the QR Code

Draw with finger. Sound controls thickness.

Open in smartphone or tablet, using the QR Code

Draw with the 5 fingers. Sound controls thickness.

Open in smartphone or tablet, using the QR Code

Sound interaction

Open in smartphone or tablet, using the QR Code

Sound interaction

Open in smartphone or tablet, using the QR Code

Sound interaction

Open in smartphone or tablet, using the QR Code

Sound interaction

Open in smartphone or tablet, using the QR Code

Sound interaction

Open in smartphone or tablet, using the QR Code

Sound interaction

Open in smartphone or tablet, using the QR Code

Sound interaction
Skip to toolbar