Loading video...

Video Failed to Load

Go Home

First vibecoded three.js mesh gradient feature: influence field! • Use mouse position to influence vertex transforms • Plug influence into any other material feature • Shader completion didn't really work when I tried with ChatGPT ~2 years ago, now it's decent • link below

177,875 views • 1 year ago •via X (Twitter)

45 Comments

Chase Davis's profile picture
Chase Davis1 year ago

Try it out (not great support on mobile but might work for you)

Chase Davis's profile picture
Chase Davis1 year ago

Made a thread of the prior work here (5+ years of experiments and WYSIWYG tools).. three.js was an awesome way for me to learn web programming, react, and more about graphics. Now I'm hopping back in because AI tools are making it fun!

Ben Ammou's profile picture
Ben Ammou1 year ago

I want to do this for my grass:

Chase Davis's profile picture
Chase Davis1 year ago

you should 100% do this for your grass. lmk if you need tips!

Augis's profile picture
Augis1 year ago

So cool 😮

Chase Davis's profile picture
Chase Davis1 year ago

Thank you Augis ☺️

Nick's profile picture
Nick1 year ago

Now, that’s amazing 🤩

Chase Davis's profile picture
Chase Davis1 year ago

appreciate it Nick!

G's profile picture
G1 year ago

Thank you this is awesome!

Dan Hollick's profile picture
Dan Hollick1 year ago

this is super cool

Chase Davis's profile picture
Chase Davis1 year ago

Thanks Dan!

MacTavish's profile picture
MacTavish1 year ago

Sheesh this is really dope, now how can we embedded/export these ? 🌚

Chase Davis's profile picture
Chase Davis1 year ago

Coming 🔜

Shivam kumar's profile picture
Shivam kumar1 year ago

where is the link ?

Ξugene's profile picture
Ξugene1 year ago

Chase + AI = dopeness

Chase Davis's profile picture
Chase Davis1 year ago

🫶

Nikolaj Prakash Sokolowski's profile picture
Nikolaj Prakash Sokolowski1 year ago

Wow. What do I need to do to learn that stuff (I assume knowledge is needed even when utilizing AI in some way)

Chase Davis's profile picture
Chase Davis1 year ago

The best way these days is probably to take @bruno_simon ‘s Discover three.js course!

io.net's profile picture
io.net1 year ago

satisfying to watch

Bryan's profile picture
Bryan1 year ago

This is so sick lad! I didn't get a good screenshot but I was making like a wave thing with it when you move your mouse

loground Dankest Memes 🍆🍑's profile picture
loground Dankest Memes 🍆🍑1 year ago

love it!

Chase Davis's profile picture
Chase Davis1 year ago

Thanks!

Ben Field's profile picture
Ben Field1 year ago

i love this. so smooth and pretty

Chase Davis's profile picture
Chase Davis1 year ago

Thanks Ben!

Bïrch's profile picture
Bïrch1 year ago

-how many times have you watched it? me: yes

Ee Venn Soh's profile picture
Ee Venn Soh1 year ago

Well crafted piece of work

🪐's profile picture
🪐1 year ago

the results are majestic lol

Chris Ashby's profile picture
Chris Ashby1 year ago

Very sick 💪

stetson 🤠's profile picture
stetson 🤠1 year ago

fun!

Patrick Freyer's profile picture
Patrick Freyer1 year ago

Stunning! In my experience three.js still has potential to kill browsers on even well powered devices but hopefully efficiency improvements will resolve this over time

Lucas Cassiano's profile picture
Lucas Cassiano1 year ago

sir, what a beauty.

Chase Davis's profile picture
Chase Davis1 year ago

Thanks Lucas!

KnownUnknown's profile picture
KnownUnknown1 year ago

Beautiful!

Jon, The Generative AI Engineer's profile picture
Jon, The Generative AI Engineer1 year ago

this is sick

Sveta's profile picture
Sveta1 year ago

Wow, cool effect!

Patrick Freyer's profile picture
Patrick Freyer1 year ago

What are folks mostly using this for?

Cypherpunk Samurai 🍃's profile picture
Cypherpunk Samurai 🍃1 year ago

please opensource it

Jussi Korhonen's profile picture
Jussi Korhonen1 year ago

Cool as hell! I know AI struggles with visualization intense instructions in 3d work, which were surely needed for this cursor effect. Glad to see progress there.

Axshay (🛠️,🖌️)'s profile picture
Axshay (🛠️,🖌️)1 year ago

This is beautiful , purple -> pink gradients never not cease to fail

Rahul's profile picture
Rahul1 year ago

so cool!

Chase Davis's profile picture
Chase Davis1 year ago

Thanks Rahul!

Dmitry's profile picture
Dmitry1 year ago

Nice, but where is the link?

Waldo Bear's profile picture
Waldo Bear1 year ago

This is super cool. And a lotta fun..... the world thanks you for this

MetaHacker's profile picture
MetaHacker1 year ago

you can't seriously look at all the stuff people have been "vibe coding" and believe that programming as a profession will have any room for the majority of mediocre talent in 5 years It's so over

invideo's profile picture
invideo2 years ago

Create videos within ChatGPT 🪄 Try our VideoMaker on the GPT Store >> ChatGPT Plus required ✨

Related Videos

We're going to root out any jewish influence.
1:03

Sensitive content

We're going to root out any jewish influence.

🇺🇸 🧯

10,127 views • 7 months ago