Card hover with 3D shape sculpting, Three.js. Built with Cursor, Composer 2.5.

Cool, though part of me misses when we crafted things by hand 🥲

True to some degree, but this took like 3 days of prompting.

I put the full Cursor transcript on Gumroad:

mostly wanna know how you pulled off the lighting/shadows, looks awesome

Thanks Ryan! A lot of prompting, but shadows and lighting was the easy part. Most of the time I spent on getting the dots to move and duplicate in a way so the traces form the 3d shapes.

is there like a specific shadows/lighting tool call you used?

no nothing special. its an ambient light, key and fill with VSMShadowMap. No complicated prompts.

@martin_casado So smooth

@martin_casado Thanks Tee!

Just heads up, I will show this example in my article and upcoming youtube video. You will be fully credited of course :)

Sweet! Thanks Michal!

Try it here:

So damn cool! Love the realistic reflections!

Thanks Andreas!

You always amaze me with your creativity

Looks fresh! The shadows feel expensive, how's the performance?

Thanks Morgan! They're not soft shadows so negligible. Will post a link a later.

Really cool my friend Would love a tutorial

@ozansozuoz Thanks! Thinking of a format!

that is sick

Thanks!

INSANE

Thanks!

Wow!! What a creative work, man. This is something that made me stop while scrolling.

Mission accomplished! Thanks!

These are so cool. Do you create the assets all with code or is it better to create a gob in tools like blender then export to fine tune in threejs. Would love to know what process works best for you currently.

Therr are no assets, the 3d shapes are formed by tracing the movement of dots

Ohhh wow

@threejs wow these are really really cool

@threejs Thanks!

Love the light reflections

Yea I had a flat version initially but wanted to make it a bit more interesting with the lighting. Thanks!

Woww

Beautifully done

Thanks Seb!

This is where AI coding tools really shine honestly

that’s really cool! inspiring!

This is very cool 😎

first time seeing something like that, very cool!

Thanks Hubert!

crazy how cursor makes this feel like sculpting with light instead of code, threejs really showing off here

Dope!

Thank you!

I got dizzy watching them... But man, this was beautiful.

泰裤拉

?

and grok is very smart 😁，he can explain very well，

Translate option didn’t show up at first

@threejs Looks awesome! Need to think how to improve it for mobile first world

Rad 🔥

god damn

Impressive..

This is absolutely insane! 🔥 The 3D sculpting effect with Three.js looks so organic and premium. Incredible what people can build with Composer 2.5 these days.

Looks great man! Would be a great submission for the experiments section at :)

Thanks! Will have a look

Absolute cinema.

This would make an awesome interactive 'Three-View' teaching app!

Maybe yea

opensource?