The Garage

This is an interactive digital painting application built with p5.js and ml5.js This app allows for users to create street art with simulated spray paint. The actual drawing can be done using a mouse or the user's hands as the app comes equipped with a hand tracking model. The app uses ml5.js's handPose model to track 21 keypoints on the user's hand in real time. When the thumb and index finger pinch together, it triggers a spray-paint effect at the midpoint between those two fingers. The painting algorithm distributes particles using a Gaussian distribution to mimic the organic spread of real spray paint, and a drip system occasionally spawns paint trails that fall downward. Users can customize brush radius, color, and input mode. Finished artwork can be saved as a JPEG. The experience is accompanied by background music and spray sound effects that play during active drawing. From the main screen, the user can either enter a tutorial or use the application. The tutorial explains basic usage of the app to new users and is always accessible. The project itself is split between 5 classes that each control the apps functionalities.