正在加载视频...

视频加载失败

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 次观看 • 1 个月前 •via X (Twitter)

57 条评论

L U K S F A Y 的头像
L U K S F A Y1 个月前

@threejs Dude this was already a free token resource

Scott 的头像
Scott1 个月前

@LuksfayDev @threejs Still a fun experiment

L U K S F A Y 的头像
L U K S F A Y1 个月前

@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 的头像
silverbirch1 个月前

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

tolgaozisik 的头像
tolgaozisik1 个月前

@threejs made it with gemini 3.7 flash high

Thang 的头像
Thang1 个月前

@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 的头像
Scott1 个月前

@threejs Hologram effect very cool!

☠ ‏Mr. Jack 的头像
☠ ‏Mr. Jack1 个月前

@threejs

Scott 的头像
Scott1 个月前

@threejs Very cool!

Adam Holter 的头像
Adam Holter1 个月前

@threejs I literally just watched that video.

Scott 的头像
Scott1 个月前

@threejs Great video

Andrew Price 的头像
Andrew Price1 个月前

@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 的头像
Scott1 个月前

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

harold 的头像
harold1 个月前

@threejs Omg that's craaaazy

Guillermo Rauch 的头像
Guillermo Rauch1 个月前

@threejs Brilliant

小奇说 的头像
小奇说1 个月前

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

Definitely not Jerot 的头像
Definitely not Jerot1 个月前

@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 的头像
Scott1 个月前

@threejs Not perfect, probably will keep iterating on it

npc 的头像
npc1 个月前

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

Scott 的头像
Scott1 个月前

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

npc 的头像
npc1 个月前

@threejs I know lol

Fixed Visuals 的头像
Fixed Visuals1 个月前

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

azy2 的头像
azy21 个月前

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

Scott 的头像
Scott1 个月前

@threejs How did it go?

azy2 的头像
azy21 个月前

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 的头像
Boring Always Bored1 个月前

@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

ジム・クバック 的头像
ジム・クバック1 个月前

@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 的头像
crz1 个月前

@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 的头像
Scott1 个月前

@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 💙🌸 的头像
conne 💙🌸1 个月前

@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 的头像
BorisTheBrave1 个月前

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

Joseph Lewkovich 的头像
Joseph Lewkovich1 个月前

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

Scott 的头像
Scott1 个月前

@threejs Included in the skills

Anshu 的头像
Anshu1 个月前

@threejs how much $ ?

LUCI 的头像
LUCI1 个月前

@threejs That's cool!

Calliope 的头像
Calliope1 个月前

@threejs @NathanWilbanks_ did it

Oscar Miranda 的头像
Oscar Miranda1 个月前

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

Kairo Sage 的头像
Kairo Sage1 个月前

@threejs That’s sick

Ray 的头像
Ray1 个月前

@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 的头像
Sebastian Beyer1 个月前

@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 的头像
Scott1 个月前

@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 的头像
Sebastian Beyer1 个月前

@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✰ 的头像
peacenode.eth✰1 个月前

@threejs Particularly nice one!

Amplify with AI 的头像
Amplify with AI1 个月前

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

Scott 的头像
Scott1 个月前

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

Jimmy 的头像
Jimmy1 个月前

@threejs Would you be willing to share the GitHub?

Peter 的头像
Peter1 个月前

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

Mauricio Tarno 🍏 的头像
Mauricio Tarno 🍏1 个月前

@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 的头像
Scott1 个月前

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

Capi 的头像
Capi1 个月前

@threejs Do you want to share the repository?

Scott 的头像
Scott1 个月前

@threejs Included in the skills

Capi 的头像
Capi1 个月前

@threejs Incredible! Thanks

David 的头像
David1 个月前

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

Prince Zoho 的头像
Prince Zoho1 个月前

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

Scott 的头像
Scott1 个月前

@threejs Included in the skills:

n.buffer 的头像
n.buffer1 个月前

@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 的头像
Scott1 个月前

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

相关视频