Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.

Renaud

12,307 subscribers

23,815 views • 11 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

A.J. De Gol11 months ago

gives me The Great Wave off Kanagawa vibes

Empower1 year ago

Get $10-$300 instantly* with no interest, late fees or credit checks

Anderson Mancini11 months ago

Mind-blowing 🤯

Felipe Mendes11 months ago

The funny part is that for most people it's cool... But for those who know what's going on it's 🤯🙀. In the future, add mouse iterations or dynamic parameter changes so that people can better understand the difference between this and a GIF.

Himanshu Kumar11 months ago

WebGPU's potential shines, even in unused drafts.

digitalgram11 months ago

Nice!!

Sinan 🌍11 months ago

nice

Marco Ludovico Perego11 months ago

I guess these have become my favorite work in progress of the year lol

Renaud11 months ago

Ahah thanks Marco!! ❤️

Johnny | Vibe Builder11 months ago

hard to imagine this is possible with three.js

Chak Poi11 months ago

Is it possible to view this in VR with the waves going on all around you?

Related Videos

taoki Process and final product I click share and then cancel the share Copy works too but not in all contexts

taoki Process and final product I click share and then cancel the share Copy works too but not in all contexts

Alex Caswen 🏘️🌍🔭

25,114 views • 11 months ago

Introducing: Not Fast Enough 🚗🔥 Play: Can you beat 7 seconds? Give it a try and share your best lap times! Kudos to Cursor Three.js and of course @levelsio for reigniting the spark Weekend's vibe coding stops here 😁

Introducing: Not Fast Enough 🚗🔥 Play: Can you beat 7 seconds? Give it a try and share your best lap times! Kudos to Cursor Three.js and of course @levelsio for reigniting the spark Weekend's vibe coding stops here 😁

Skirmantas Januškas 📡

85,793 views • 1 year ago

Realtime Particle test using Transformers.js by Xenova and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs

Realtime Particle test using Transformers.js by Xenova and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs

Renaud

13,713 views • 2 years ago

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Prompted xAI's Grok 4 with the code from my quoted post and built this interactive 3D particle system with Three.js, GSAP, and WebGL. Features include shape morphing, bloom effects, and fluid animations.

Techartist

106,082 views • 10 months ago

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,472 views • 1 year ago

I am SO pumped for Jack Kellogg and his solid double on $SOUN from last week in the $3s to the $7s today, clocking in $100,000+ in profits and more importantly he absolutely called it to a T in his webinar last week, so EVERYONE should learn from this. But not enough people are studying so retweet this if you want me to repost his entire webinar FOR FREE on my channel. If I post it, do you promise to STUDY HAAAAAAAAARD?! 100+ RETWEETS AND I'LL POST IT FOR YOU!

I am SO pumped for Jack Kellogg and his solid double on $SOUN from last week in the $3s to the $7s today, clocking in $100,000+ in profits and more importantly he absolutely called it to a T in his webinar last week, so EVERYONE should learn from this. But not enough people are studying so retweet this if you want me to repost his entire webinar FOR FREE on my channel. If I post it, do you promise to STUDY HAAAAAAAAARD?! 100+ RETWEETS AND I'LL POST IT FOR YOU!

Timothy Sykes

31,148 views • 2 years ago

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Mana Blade is my MMORPG built with Three.js, React Three Fiber, and WebGPU. It loads in 2 seconds and is playable on desktop and mobile. Already 2 years in the works! Music by the very talented 磯村ショウノ Shauno Isomura. #threejs #r3f #webgpu

Verekia | ManaBlade.com

14,614 views • 4 months ago

Okay this one’s been living in my head for a while… finally built it ❤️‍🔥 A fully vibe coded interactive planet explorer. No blender models, just pure geometry, pure math, using Three.js with frustum, culling Logic, raycasting, spring physics, and more. Built using Gemini 3.1 Pro in Google AI Studio as always :D Live:

Okay this one’s been living in my head for a while… finally built it ❤️‍🔥 A fully vibe coded interactive planet explorer. No blender models, just pure geometry, pure math, using Three.js with frustum, culling Logic, raycasting, spring physics, and more. Built using Gemini 3.1 Pro in Google AI Studio as always :D Live:

The Bugged Dev

43,670 views • 1 month ago

Missed the discussion earlier in the week but good to hear the Darrell Currie and Michael Stewart making a noise about the farcical situation we’ve found ourselves in post-split with TV selections You can watch the whole episode here:

Missed the discussion earlier in the week but good to hear the Darrell Currie and Michael Stewart making a noise about the farcical situation we’ve found ourselves in post-split with TV selections You can watch the whole episode here:

SPFL Mediawatch

26,447 views • 1 year ago

Since I started developing the mapgl R package I've envisioned built-in interactive legends. They're finally here in the upcoming package release: a filter slider for continuous legends, and click-to-filter for categorical legends. Blog post coming this week!

Since I started developing the mapgl R package I've envisioned built-in interactive legends. They're finally here in the upcoming package release: a filter slider for continuous legends, and click-to-filter for categorical legends. Blog post coming this week!

Kyle Walker

11,737 views • 4 months ago

It's draft week! 🥳️ Hear from incoming freshmen Brodie Ziemer and John Whipple on the draft process so far!

It's draft week! 🥳️ Hear from incoming freshmen Brodie Ziemer and John Whipple on the draft process so far!

Minnesota Men’s Hockey

10,964 views • 1 year ago

With Maccabi Tel Aviv fans being banned from the Villa game, there’s some relevance here - the National League failed badly to deal with abusive language during our game against Carlisle last week. Higher leagues deal with this better, but the National League has a similar process, it just failed to use it. Robbie Savage

With Maccabi Tel Aviv fans being banned from the Villa game, there’s some relevance here - the National League failed badly to deal with abusive language during our game against Carlisle last week. Higher leagues deal with this better, but the National League has a similar process, it just failed to use it. Robbie Savage

Dale Vince

126,050 views • 7 months ago

made an interactive video model trained on tap-conditioned data.. tap the screen and it generates the next frames in realtime (small enough to run in the browser with webgpu, even on iphone)

made an interactive video model trained on tap-conditioned data.. tap the screen and it generates the next frames in realtime (small enough to run in the browser with webgpu, even on iphone)

sahir

23,151 views • 2 months ago

This is the benefit Built from scratch in Blender ~art direction, Lighting, shading, sculpting, animation, and control = Skills :) It has process & satisfaction!

This is the benefit Built from scratch in Blender ~art direction, Lighting, shading, sculpting, animation, and control = Skills :) It has process & satisfaction!

Salman

55,330 views • 4 months ago

Live2d eye render timelapse! In the end, I went back and modified the entire eye, but I forgot to record it :') Here is the rendering showing the initial process! #Vtuber #VtuberEN

Live2d eye render timelapse! In the end, I went back and modified the entire eye, but I forgot to record it :') Here is the rendering showing the initial process! #Vtuber #VtuberEN

🟊 Hoony 🟊

129,859 views • 3 months ago

The final week to get your raffle ticket for a chance to win this Chevrolet Tahoe and everything Amy and I have loaded it up with. Throwing in not one, not two, but FOUR JR Motorsports chairs and the inflatable raft. CLICK HERE:

The final week to get your raffle ticket for a chance to win this Chevrolet Tahoe and everything Amy and I have loaded it up with. Throwing in not one, not two, but FOUR JR Motorsports chairs and the inflatable raft. CLICK HERE:

Dale Earnhardt Jr.

66,493 views • 1 year ago

REAL TIME SKELETAL VISUALIZATION WITH MEDIAPIPE AND THREE.JS. Built for K 12 anatomy education, but the use cases go way beyond the classroom.

REAL TIME SKELETAL VISUALIZATION WITH MEDIAPIPE AND THREE.JS. Built for K 12 anatomy education, but the use cases go way beyond the classroom.

0xMarioNawfal

56,309 views • 3 months ago

I wanted to make a portfolio site but I didn't want to make a lame one so I spent the last ~4 months learning web dev and Three.js from scratch to make this really pretty one try it out and let me know what you think (link in replies) #threejs #webgpu #shaders

I wanted to make a portfolio site but I didn't want to make a lame one so I spent the last ~4 months learning web dev and Three.js from scratch to make this really pretty one try it out and let me know what you think (link in replies) #threejs #webgpu #shaders

Swifter

12,766 views • 2 months ago

Liked this Three.js demo? The good news: it was built using Google Gemini 2.5 Pro - no coding skills required. The catch? A base code (mine, but different) was used to guide the initial setup. Let’s walk through the process. A thread 🧵👇

Liked this Three.js demo? The good news: it was built using Google Gemini 2.5 Pro - no coding skills required. The catch? A base code (mine, but different) was used to guide the initial setup. Let’s walk through the process. A thread 🧵👇

Puneet | Techartist

50,934 views • 1 year ago

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

An interactive 3D visualization using Three.js and WebGL. Button click activates energy pulses in this dynamic cosmic portal with custom shaders and post-processing effects. Source code link in the reply below. 👇🏼

Techartist

15,679 views • 11 months ago