asked claude opus 5.5 to create this CD plastic case effect with an open-lid animation it did such an excellent job that I couldn't ask for more no 3D models needed, just three.js with shaders

try it here

spotify finally has to release a proper desktop app including that

That's impressive. Three.js shaders for that effect is genuinely clean work.

Ann - what is TypingMind? Why do you use this instead of directly with Claude (as an example) Does it help you produce such amazing work?

This is absolutely crazy! Love it

this is really aweomse

💜💜

jewel cases are back and i'm not mad about it

I want the rainbow shades too on the CD 🫣

looks really cool

ty ty 💜

fragment shader performance on mobile webkit for this approach is the real hurdle

[>wtf :/

ann dropped another banger. the refraction and interactive spin are insane, especially with zero 3D assets. kinda tempted to see if we can recreate something like this using LucentraCode. would be a fun little challenge ngl.

Another hit👏🏼 This and the ai model cards are sick

what do you usually prompt it?

纯 three.js 加 shader 手搓开盖动画，连 3D 模型都不用，Opus 5.5 在前端动效这块是真上了一个台阶。

Wild times

claude 现在连磨砂塑料都不放过，我这边还在跟它较劲一个按钮的圆角

You’re too young to ever have touched a cd case and it shows :P

[>imagine doing this in blender only to come on twitter and this the first thing I see ... :/ sigh

the golden record 🔝!

Okay so what's the context here. You clearly didn't just ask "make xyz" lol. Rendering tools, design inputs? The cd case graphic first?

Those chunky clear edges really sell the plastic. I'd keep opening and closing this just for the animation.

No 3D models, just shaders. That 'just' is doing a lot of work.

That is awesome!

Does the hinge snap off if you open it too far?

SICKKKKK

Nice. How does it run on a mid-range phone? Shader effects like this are where I would check frame rate before shipping.

no 3d model, just shaders is the part that gets me. the plastic glare is usually what gives fake cases away and this one looks right. did it nail the reflection first try or take a few rounds?

The open-lid animation is the hard part with CSS alone. Shader based glare on the plastic is a nice touch. Would love to see the prompt you used to get the reflections right.

I think I'm the only one that suck at three js and claude opus

voyager cd!

This looks so good. Now I want to see what else Claude can make with shaders 👀