Loading video...

Video Failed to Load

Go Home

I gave this video to gpt 5.6 Sol, asked it create a diffraction grating shader in Three.js. It took quite a few rounds but here it is

298,262 views • 1 month ago •via X (Twitter)

57 Comments

L U K S F A Y's profile picture
L U K S F A Y1 month ago

@threejs Dude this was already a free token resource

Scott's profile picture
Scott1 month ago

@LuksfayDev @threejs Still a fun experiment

L U K S F A Y's profile picture
L U K S F A Y1 month ago

@threejs Yeah, and i completaly missunderstud what u did. Thats is three js, and the free resoruces are css and js. maybe could adapt some of them and mixed it with ur project

silverbirch's profile picture
silverbirch1 month ago

@threejs nice, this is the one I made in three.js a while ago

tolgaozisik's profile picture
tolgaozisik1 month ago

@threejs made it with gemini 3.7 flash high

Thang's profile picture
Thang1 month ago

@threejs I gave this a try a few weeks ago, ended up with this version with the holographic foil effect border of the cards. Also used Sol 5.6 for this

Scott's profile picture
Scott1 month ago

@threejs Hologram effect very cool!

☠ ‏Mr. Jack's profile picture
☠ ‏Mr. Jack1 month ago

@threejs

Scott's profile picture
Scott1 month ago

@threejs Very cool!

Adam Holter's profile picture
Adam Holter1 month ago

@threejs I literally just watched that video.

Scott's profile picture
Scott1 month ago

@threejs Great video

Andrew Price's profile picture
Andrew Price1 month ago

@threejs That's honestly very convincing. I'm sure there's lots of smoke and mirrors and it may not work for all use cases, but it works remarkably well here.

Scott's profile picture
Scott1 month ago

@threejs Thanks Andrew! Love your video, really inspiring!

harold's profile picture
harold1 month ago

@threejs Omg that's craaaazy

Guillermo Rauch's profile picture
Guillermo Rauch1 month ago

@threejs Brilliant

小奇说's profile picture
小奇说1 month ago

@threejs 这是我用GPT5.6 sol 用three.js 制作的三国镭射卡片,而且我还把他开源了...

Definitely not Jerot's profile picture
Definitely not Jerot1 month ago

@threejs It isn't accurate to the card though, the starry film effect is easy. The color refraction across the whole surface of the card isn't. Yours looks like a flat texture shining through another flat texture with obvious bands. The bands on the real card are dependent on the POV.

Scott's profile picture
Scott1 month ago

@threejs Not perfect, probably will keep iterating on it

npc's profile picture
npc1 month ago

@threejs If I knew the word diffraction grating shader, I would be able to do this too

Scott's profile picture
Scott1 month ago

@threejs Not that straightforward actually, AI tend to fake screenspace effects or approximate with cheap animations

npc's profile picture
npc1 month ago

@threejs I know lol

Fixed Visuals's profile picture
Fixed Visuals1 month ago

@threejs Sloptuber : "you can't do this" Aislop : "i just did"

azy2's profile picture
azy21 month ago

@threejs I was doing this same shit today with grok. Wtf

Scott's profile picture
Scott1 month ago

@threejs How did it go?

azy2's profile picture
azy21 month ago

It fucking worked, but what I’m shocked about is how the universe works. I was home alone bored and told my self I wonder if grok can do this.hye grok make a holo Pokémon card. Not only it did it but made 2. Right after I was like crazy times. Told grok delete everything. A few hour later I see this post.

Boring Always Bored's profile picture
Boring Always Bored1 month ago

@threejs there is a cool project that has been around for a few years… i would feed that to Sol too and see what it does

ジム・クバック's profile picture
ジム・クバック1 month ago

@threejs 99% of being good with AI is just knowing the right words to use when you ask it to do shit, knowing the specific technical terms for the directions you want to give it makes a massive difference in whether or not it spits out something useful or pure slop

crz's profile picture
crz1 month ago

@threejs That's pretty cool. I wonder if it could also create shaders that are ready for use in C4D/Blender using Octane/Redshift. I'm often tasked with creating some wild materials like these and I always have to scratch my head for days or weeks to get close

Scott's profile picture
Scott1 month ago

@threejs I mean in Andrew Price’s video he already shared the external script to plugin for the effect, you can use that in blender

conne 💙🌸's profile picture
conne 💙🌸1 month ago

@threejs Counter-Strike has been doing it since 2014. (Probably made in 2013). The thing BGuru was talking about is a way more advanced technique using waves, and only Octane has managed to pull it off, thus far.

BorisTheBrave's profile picture
BorisTheBrave1 month ago

@threejs My guess is it's much easier for flat surfaces / single lights, and your shader assumes one or both of those.

Joseph Lewkovich's profile picture
Joseph Lewkovich1 month ago

@threejs I’d also be interested in the code/partial if you share

Scott's profile picture
Scott1 month ago

@threejs Included in the skills

Anshu's profile picture
Anshu1 month ago

@threejs how much $ ?

LUCI's profile picture
LUCI1 month ago

@threejs That's cool!

Calliope's profile picture
Calliope1 month ago

@threejs @NathanWilbanks_ did it

Oscar Miranda's profile picture
Oscar Miranda1 month ago

@threejs Just made one a few months ago gotta update it

Kairo Sage's profile picture
Kairo Sage1 month ago

@threejs That’s sick

Ray's profile picture
Ray1 month ago

@threejs This isn't completely honest. GPT didn't do this, you and your expertise did. I wouldn't be able to make this effect with AI and I've tried.

Sebastian Beyer's profile picture
Sebastian Beyer1 month ago

@threejs Do you think Andrew could have just asked 5.6 Sol to do the shader for him in blender and be done instead of what he did?

Scott's profile picture
Scott1 month ago

@threejs It’s great he did the research and tried it out himself, the video was really good, 3b1b vibe. I’m not sure if sol using blender MCP can create it, not sure blender shader system is even capable of this, that’s why in his video he side loaded a script for this

Sebastian Beyer's profile picture
Sebastian Beyer1 month ago

@threejs That’s true and Andrew being able to explain these things is entertaining and why people watch him. Would be a silly video „no clue how it works but Sol did it lol“

peacenode.eth✰'s profile picture
peacenode.eth✰1 month ago

@threejs Particularly nice one!

Amplify with AI's profile picture
Amplify with AI1 month ago

@threejs Astrajack sounds like a cool Pokémon tbh haha

Scott's profile picture
Scott1 month ago

@threejs ChatGPT refuse to create the exact card image, so I asked for a fictional card that looks similar 😂

Jimmy's profile picture
Jimmy1 month ago

@threejs Would you be willing to share the GitHub?

Peter's profile picture
Peter1 month ago

@threejs This is very nice. Would it perhaps be possible to see the code?

Mauricio Tarno 🍏's profile picture
Mauricio Tarno 🍏1 month ago

@threejs The problem isn't that none knows the math, but that the correct solution goes against compromises that are made all the time for the sake of optimization. Still very cool. Did you made it take a picture for input or it was just text?

Scott's profile picture
Scott1 month ago

@threejs Did use the target image for reference, but most of it is guiding the model to take a physics based approach

Capi's profile picture
Capi1 month ago

@threejs Do you want to share the repository?

Scott's profile picture
Scott1 month ago

@threejs Included in the skills

Capi's profile picture
Capi1 month ago

@threejs Incredible! Thanks

David's profile picture
David1 month ago

@threejs beautiful, can a scientist explain why loving shiny things is hardcoded in my DNA?

Prince Zoho's profile picture
Prince Zoho1 month ago

@threejs This looks super awesome and I love all the different iterations in the comments. Is there a github / open source for this?

Scott's profile picture
Scott1 month ago

@threejs Included in the skills:

n.buffer's profile picture
n.buffer1 month ago

@josephepstein @threejs Thanks for sharing, but i cant find the "wave optical diffraction grating" on the repo or anything related to the foil / tcg ?

Scott's profile picture
Scott1 month ago

@josephepstein @threejs It’s in physical diffraction grating example under procedural material

Related Videos