Real-time 3D shader experiment built with Three.js. Features a custom vertex shader that deforms ...

Real-time 3D shader experiment built with Three.js. Features a custom vertex shader that deforms ...Real-time 3D shader experiment built with Three.js. Features a custom vertex shader that deforms ...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Daniel Pacheco

• 2d

Real-time 3D shader experiment built with Three.js. Features a custom vertex shader that deforms the sphere geometry with layered noise (position frequency, warp, twirl controls) and a physically-based material with transmission, iridescence, and clearcoat. All parameters are tweakable live via a debug GUI.

Completed work

three.js 3D Design Frontend Development Motion Design JavaScript WebGL

Mykola Malyhin

pro

• 2d

Strong execution—follow Real-time 3D shader experiment built with Three.js. Features a custom vertex sha…

Daniel Pacheco

• 2d

Thanks! The noise layering took some tuning to get right — happy with how the live controls turned out.

Hannah Weathers

pro

• Sep 17

: One of my favorite recent builds ✦

Theory was designed for a creative studio that needed something bold and editorial without losing clarity or usability.

The part I loved most was figuring out how to make the site feel visually expressive while still giving the portfolio work room to breathe. Lots of strong type, intentional movement, and little custom details throughout.

Designed + developed in Squarespace 7.1 with custom CSS and JavaScript.

Completed work

Creative Design Responsive Design Web Design CSS JavaScript Squarespace

Rongali Chaitanya

pro

• Sep 19

The oversized “recent work” type over the project imagery is a lovely touch. Gives the portfolio a real editorial feel.

DARTYX BLACKWALL

• Sep 17

Exploring geometry beyond familiar dimensions.

Procedural motion, transformation and structure.

3D Animation 3D Design 3D Modeling Blender CorelDraw Unity

Aditya Pandey

pro

• Sep 22

Wireframe only and it still reads as motion, that says the structure itself is the story here. Procedural geometry that breathes like this is way harder than it looks.

Matheus Brandão

pro

• Sep 17

The Services page in STUDIO HRSE reads more like a manifesto than a list, numbered, editorial, no stock icons pretending to mean something. If you're positioning a studio or agency, how this page reads matters as much as what it says. Free template, live on Framer. https://www.framer.com/marketplace/templates/studio-hrse/

Completed work