ElWood G-Star
URL: https://www.g-star.com/en_us/elwood
ROLE:
WebGL Development
TECHNOLOGY:
JavaScript, Three.js, glsl
COMPANY:
Superhero Cheesecake
Jeans mesh
Jeans swing like puppet when you drag with the mouse.
I made node.js script to analyze image with openCV and export mesh uv, index, vertice, connection data into json.
I referred this medium post a lot: https://medium.com/@peter.skvarenina/puppet-implementation-e4be982747b6. It explains how puppet simulate form theory.
Border of canvas
Border of canvas change how far you drag in the border. color of border is gradient which looks like colorfult. the background is plane mesh independent from jeans.
Layout
The layout of jeans can be changed dynamically between explore page and overview page when you scroll the mouse.
Mouse Cursor
The custom cursor has two state: normal and rollover. noise is added to cursor in normal state. scan effect is added to cursor in rollover state.
Project URL: https://www.g-star.com/en_us/elwood