Voxel Drip Paint

Drip painting on a virtual canvas with voxel paint blocks at your finger tips.

Tags

web 3d, leap motion

Collaborators

Wenhe Li.

2018

web interactive

Voxel Drip Paint
Cover image for Voxel Drip Paint

An interactive web experience that senses gestures to create expressionist drip painting with voxel paint blocks. Built with Leap Motion and three.js.

Interaction Guide

🫲🏼

Manipulate the canvas with your left hand

🫱🏼

Paint with your right hand

Interaction GuideInteraction Guide

On your right hand, there are voxel paint blocks that stick to your finger joints with different colors from several predefined palettes. You can either dip your fingers onto the canvas, or just through it out! When a flying paint block lands on the canvas, it will leave a colorful splash.

While you are making your art, the left hand can move or pivot the canvas, adding lots of randomness and fun to the outcome. Take your time and make cool paintings!

example-0Painting Example 1

example-1Painting Example 2

example-2Painting Example 3

Technical Details

Visit the project page for more details. The site requires a Leap Motion Controller and is only supported by older drivers that works with leapjs.

Acknowledgement

This work is completed under the course Kinetic Interfaces taught by J.H. Moon at NYU Shanghai.

Back to top