HAIRY_HAIRBRUSH
Web-based prototype for painting and cutting hair on a 3D head. The hair is simulated as strands that hang from roots on the scalp and follow gravity, wind and a virtual hand. A flat 2D map shows the head unrolled, with the horizontal axis running around the head and the vertical axis running from top to bottom. Colors painted on this map are projected onto the strands, so a pattern drawn on the flat surface appears on the hair. The pattern logic is based on ikat textile dyeing, with shifted bundles, distortion and frayed edges. Scissors draw a cut line on the map, which sets where each strand ends, and preset cuts such as bob, pony or V-cut are available. The prototype shows a head with animated hair, a painting surface with symmetry and repeat options, and controls for light, volume and density. It can be used for design exploration of hair colors and cuts, for teaching how projection mapping and strand simulation work, and as a starting point for further hair or textile tools.
- Tech: Three.js r160, WebGL, GLTFLoader, OrbitControls, Canvas 2D
- Requires: WebGL-capable browser, internet connection for Three.js from a CDN, HEAD_ONLY.glb or another GLB file, a local server for loading the GLB
LIVE DEMO : https://code.turboflip.de/run/431211ce3b24c402/