Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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.

onirenaud's profile picture

Renaud

12,307 subscribers

23,815 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

A.J. De Gol profil fotoğrafı
A.J. De Gol1 yıl önce

gives me The Great Wave off Kanagawa vibes

Empower profil fotoğrafı
Empower1 yıl önce

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

Anderson Mancini profil fotoğrafı
Anderson Mancini1 yıl önce

Mind-blowing 🤯

Felipe Mendes profil fotoğrafı
Felipe Mendes1 yıl önce

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 Kumar profil fotoğrafı
Himanshu Kumar1 yıl önce

WebGPU's potential shines, even in unused drafts.

digitalgram profil fotoğrafı
digitalgram1 yıl önce

Nice!!

Sinan 🌍 profil fotoğrafı
Sinan 🌍1 yıl önce

nice

Marco Ludovico Perego profil fotoğrafı
Marco Ludovico Perego1 yıl önce

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

Renaud profil fotoğrafı
Renaud1 yıl önce

Ahah thanks Marco!! ❤️

Johnny | Vibe Builder profil fotoğrafı
Johnny | Vibe Builder1 yıl önce

hard to imagine this is possible with three.js

Chak Poi profil fotoğrafı
Chak Poi1 yıl önce

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

Benzer Videolar

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f
0:43

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: 📦 NPM: Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Anderson Mancini

24,267 görüntüleme • 2 ay önce

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding
0:36

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

Faraz

45,871 görüntüleme • 2 ay önce

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 😁
0:47

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 görüntüleme • 1 yıl önce

No Three.js. No fake web-based depth-of-field or focal-length emulation. Customize in web, render in Blender. While everyone is vibe-coding apps for flat pattern generators, or at most Three.js-based 3D scenes, we’re already one step ahead. We built an app that lets you use a web UI to control an actual Blender 3D render. Eevee engine is used for streaming quick previews back into the app, while Cycles renders the final image for better material quality and lighting. So simple to use that you can even give it to your client. Of course, built with Toolcraft.
1:15

No Three.js. No fake web-based depth-of-field or focal-length emulation. Customize in web, render in Blender. While everyone is vibe-coding apps for flat pattern generators, or at most Three.js-based 3D scenes, we’re already one step ahead. We built an app that lets you use a web UI to control an actual Blender 3D render. Eevee engine is used for streaming quick previews back into the app, while Cycles renders the final image for better material quality and lighting. So simple to use that you can even give it to your client. Of course, built with Toolcraft.

Alex Barashkov

76,478 görüntüleme • 2 ay önce

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
1:02

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,525 görüntüleme • 1 yıl önce

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!
3:28

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,204 görüntüleme • 2 yıl önce

Last week, I launched the Election HillCast, my midterm election model with interactive data for all 435 races in the House and 35 in the Senate! Here is what the House HillCast looks like! Check it out if you're into election modeling and share with friends! Linked below:
0:20

Last week, I launched the Election HillCast, my midterm election model with interactive data for all 435 races in the House and 35 in the Senate! Here is what the House HillCast looks like! Check it out if you're into election modeling and share with friends! Linked below:

Preston Hill

59,732 görüntüleme • 1 ay önce

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!
0:43

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,772 görüntüleme • 7 ay önce

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
3:10

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 görüntüleme • 10 ay önce

Memory on the harness level after 2 years... i've started writing blogs again! In this post, I dive _very_ deep into the different ways to compose and add memory to the harness for various different use cases. it's interactive. it's fun. you can listen to it too!
0:33

Memory on the harness level after 2 years... i've started writing blogs again! In this post, I dive _very_ deep into the different ways to compose and add memory to the harness for various different use cases. it's interactive. it's fun. you can listen to it too!

Dhravya Shah

20,951 görüntüleme • 2 ay önce

I'm making real progress with Opus 5, Fable and Sol on a very high value tool that I'm going to opensource. A Three.js webgpu based terrain generator with an API for agents to use as well. It's called Ekigar, from the sumerian E-ki-gar meaning "Temple that places the earth". I will be releasing it on my git once it gets to a good enough first state! Here's a preview of how it's going. So far, it's EXTREMELY fast, much better performance than industry standards for terrain generation.
0:22

I'm making real progress with Opus 5, Fable and Sol on a very high value tool that I'm going to opensource. A Three.js webgpu based terrain generator with an API for agents to use as well. It's called Ekigar, from the sumerian E-ki-gar meaning "Temple that places the earth". I will be releasing it on my git once it gets to a good enough first state! Here's a preview of how it's going. So far, it's EXTREMELY fast, much better performance than industry standards for terrain generation.

Utah teapot 🫖

17,582 görüntüleme • 1 ay önce

Fable 5 built this real-time ocean scene directly in the browser using Three.js, WebGPU and TSL, with no engine and no baked assets. The interesting part is not just that the water looks good. The whole system is being simulated: wave spectrum, GPU FFT, foam generation and refracted-ray caustics, all running live. This is exactly where frontier models start becoming genuinely useful for technical graphics work. Not by replacing years of rendering research, but by compressing the path from complex math to a working interactive result. A small, focused scene, but technically very serious. Cc: Adem Vessell
0:12

Fable 5 built this real-time ocean scene directly in the browser using Three.js, WebGPU and TSL, with no engine and no baked assets. The interesting part is not just that the water looks good. The whole system is being simulated: wave spectrum, GPU FFT, foam generation and refracted-ray caustics, all running live. This is exactly where frontier models start becoming genuinely useful for technical graphics work. Not by replacing years of rendering research, but by compressing the path from complex math to a working interactive result. A small, focused scene, but technically very serious. Cc: Adem Vessell

Token Gremlin

21,731 görüntüleme • 1 ay önce

Were our tax dollars used to assassinate Charlie Kirk? If you understand the DoD procurement process…this gets interesting. Didn’t post this here bc I just got X last week, but if you’ve seen my timeline from today and combine it with this video…just food for thought.
2:31

Were our tax dollars used to assassinate Charlie Kirk? If you understand the DoD procurement process…this gets interesting. Didn’t post this here bc I just got X last week, but if you’ve seen my timeline from today and combine it with this video…just food for thought.

theleahfiles

95,219 görüntüleme • 5 ay önce

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
0:22

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

13,311 görüntüleme • 5 ay önce

Using #threejs with WebGPU and TSL to build a light painting tool. It's not like watercolor, but I like how the paint dries over time. It's quite relaxing. Next, I'll enable "mesh painting" mode. Let's see how it looks. #creativecoding
0:33

Using #threejs with WebGPU and TSL to build a light painting tool. It's not like watercolor, but I like how the paint dries over time. It's quite relaxing. Next, I'll enable "mesh painting" mode. Let's see how it looks. #creativecoding

Anderson Mancini

26,897 görüntüleme • 7 ay önce

🇺🇸🇮🇷🇷🇺 Trump has no evidence Russia shares intelligence with Iran that would allow it to attack US forces in the region: "We don't know, but it's not doing very well. If they are, it's not helping much. If you take a look at what's happened to Iran in the last week, if they're getting information, it's not helping them much." "We have the greatest military on earth and I built it in my first term. And, unfortunately, I'm forced to use it now." — adds
0:49

🇺🇸🇮🇷🇷🇺 Trump has no evidence Russia shares intelligence with Iran that would allow it to attack US forces in the region: "We don't know, but it's not doing very well. If they are, it's not helping much. If you take a look at what's happened to Iran in the last week, if they're getting information, it's not helping them much." "We have the greatest military on earth and I built it in my first term. And, unfortunately, I'm forced to use it now." — adds

Lord Bebo

41,972 görüntüleme • 6 ay önce

The response to my last post was incredible. Thanks for everyone who liked it and 👋 to new followers Here I tweaked the parameters to encourage the agents incentives to stay together much more, and not scatter as much during off seasons
1:00

The response to my last post was incredible. Thanks for everyone who liked it and 👋 to new followers Here I tweaked the parameters to encourage the agents incentives to stay together much more, and not scatter as much during off seasons

Simon Harris

498,218 görüntüleme • 1 ay önce

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.
1:41

Following ☄︎ work, I'm experimenting with some react three fiber with #threejs webGPU. We no longer need an EffectComposer to use post-processing effects in #r3f. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects. All you need to do is import the effects you want and add them to the final composition. I will share the link to the demo and source code on Monday 😍. Another thing I want to highlight is how amazing the Screen Space Reflection effect is. It generates reflections not only on the ground, as we had before in r3f in webgl. It is able to calculate the reflections between the meshes. Look how beautiful the reflection of the lightsaber on Darth Vader's mask is. This is not something that is easy to calculate and this is exactly where WebGPU in threejs shines! Congratulations to everyone on the threejs team. I am increasingly impressed with WebGPU and TSL.

Anderson Mancini

26,829 görüntüleme • 1 yıl önce