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.

Working on Three.js volumetric clouds again. Taking notes from Sebastian Lague's coding adventure😋 #r3f #webgl #threejs

Faraz

4,509 subscribers

17,592 views • 1 year ago •via X (Twitter)

Science & Technology Education Arts #r3f #webgl #threejs

Anya Rossi• Live Now

Private livecam show

11 Comments

Sylwester Mielniczuk 🔮💎1 year ago

@threejs @SebastianLague Nice! Q: Can we have a domain in a form of sphere instead of cube?

Faraz1 year ago

@threejs @SebastianLague Yes, any shape you like

Wallaby Team1 year ago

🚀 Wallaby.js v2 is here! 🎉 ▪️New unified UX ▪️Works with ALL editors (NeoVim, Zed, Vim, etc.) ▪️Interactive test timeline ▪️and much more! Ready to take your testing to the next level? 💻🔍

Otano Studio1 year ago

@threejs @SebastianLague Once this is optimized and has lighting this is gonna be awesome. Will you support masking the edges and height?

Faraz1 year ago

@threejs @SebastianLague Thanks! Sure that should be trivial, lighting is the hardest part

Spenser Dickerson1 year ago

@threejs @SebastianLague So cool!

Ademola1 year ago

@threejs @SebastianLague Sick 🔥

Max Rusan1 year ago

@threejs @SebastianLague Amazing work 👏

Arcanum Ronin1 year ago

@threejs @SebastianLague Wild

VoR1 year ago

@threejs @SebastianLague looks really nice. Curious how well it'll run on various devices. Will this be opensourced when done?

Faraz1 year ago

@threejs @SebastianLague Currently getting 120fps on gaming laptop at full res without any particular performance optimizations. But there’s no lighting in there currently. Lighting will balloon the cost. Yep it’ll be OSS like everything I tend to make lol

Related Videos

This Deliver Mail on Tiny Colorful Planet build with Three.js WebGL is a website from . it is so cool, it blows my mind how beautiful and smooth it is.🙌🏻 It’s really well executed, and I highly recommend visiting the website and experiencing it yourself. If there was a “Showcase of the Day,” this would definitely be it. 🔥 #threejs #3D #webdesign #webgl #webgpu

This Deliver Mail on Tiny Colorful Planet build with Three.js WebGL is a website from . it is so cool, it blows my mind how beautiful and smooth it is.🙌🏻 It’s really well executed, and I highly recommend visiting the website and experiencing it yourself. If there was a “Showcase of the Day,” this would definitely be it. 🔥 #threejs #3D #webdesign #webgl #webgpu

Three.js Resources

11,249 views • 9 months ago

🚀 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

🚀 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

23,272 views • 1 month ago

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Took it further with Omma AI, (Spline ) now it works on video, and everything working in a Web Browser. Drop a video, Depth Anything v2 calculates the depth map frame by frame, and Three.js renders a fully lit 3D mesh in real time. Depth estimation on video in the browser +Automatic baking pass + Dynamic lighting reacting to the geometry #vibecoding #threejs #webgl

Joseph Azar

147,479 views • 2 months ago

Broke from flat maps, Introducing Seismic 3D: Built a "Glass Planet" volumetric viz showing earthquakes DEEP in Earth's crust (10x depth scale for subduction zones)! Tech: React + Three.js via React-three-fiber + USGS Earthquakes API feed. Instanced Mesh for 60FPS on 8K+ events! Like/RT : Tag a friend who geeks out on this & share your thoughts below! #ThreeJS #CreativeCoding #DataViz #earthquake #USGS #ESRI

Broke from flat maps, Introducing Seismic 3D: Built a "Glass Planet" volumetric viz showing earthquakes DEEP in Earth's crust (10x depth scale for subduction zones)! Tech: React + Three.js via React-three-fiber + USGS Earthquakes API feed. Instanced Mesh for 60FPS on 8K+ events! Like/RT : Tag a friend who geeks out on this & share your thoughts below! #ThreeJS #CreativeCoding #DataViz #earthquake #USGS #ESRI

SHAHNAB AHMED

39,933 views • 4 months ago

👉🏻 My #threejs portfolio was accepted as a nominee on awwwards. 😍. The votes are open until August 15th. After 4 years in this #threejsJourney, putting into practice the things I've learned from this amazing course, it is the first time that I have had enough personal projects to compile a portfolio 😊. I'm glad that I started this journey, and I hope I can keep inspiring and helping others 🙏🏻. #creativecoding #webgl #r3f

👉🏻 My #threejs portfolio was accepted as a nominee on awwwards. 😍. The votes are open until August 15th. After 4 years in this #threejsJourney, putting into practice the things I've learned from this amazing course, it is the first time that I have had enough personal projects to compile a portfolio 😊. I'm glad that I started this journey, and I hope I can keep inspiring and helping others 🙏🏻. #creativecoding #webgl #r3f

Anderson Mancini

10,550 views • 1 year ago

Realistic Water Simulation with #threejs is live: Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩. The breakdown video will be on my YouTube channel soon. Be sure to subscribe so you don't miss it: Thanks again, Evan Wallace, for the inspiration 🙏🏻 #threejsjourney #creativecoding #r3f

Realistic Water Simulation with #threejs is live: Now, you can configure scenes, objects, colors, and light positions. You can also dive to see the effects from underwater 🌊💧. It works great on mobile 🤩. The breakdown video will be on my YouTube channel soon. Be sure to subscribe so you don't miss it: Thanks again, Evan Wallace, for the inspiration 🙏🏻 #threejsjourney #creativecoding #r3f

Anderson Mancini

30,275 views • 1 year ago

if you ever wanted to know how long it takes to vibe code with codex + threejs a whole city editor with highways, streets, junctions, traffic lights, terrain, volumetric clouds, atmospheric effects, GTAO, FXAA, procedural buildings, props, traffic signs, a (semi) realistic car simulation, all from scratch, zero, nada except for threejs it's 11 days, with 6 hr evenings each now we've established this, stop pretending you can do this without vibes coding faster and better thank you for your attention to this matter, making of video below in the comments and if you see this for the first time, it's worth going through the quote posts

if you ever wanted to know how long it takes to vibe code with codex + threejs a whole city editor with highways, streets, junctions, traffic lights, terrain, volumetric clouds, atmospheric effects, GTAO, FXAA, procedural buildings, props, traffic signs, a (semi) realistic car simulation, all from scratch, zero, nada except for threejs it's 11 days, with 6 hr evenings each now we've established this, stop pretending you can do this without vibes coding faster and better thank you for your attention to this matter, making of video below in the comments and if you see this for the first time, it's worth going through the quote posts

robot 2.0

55,541 views • 1 month ago

Working on getting some footage from Sonic Blitz's new update, and...despite not being listed in the patch notes, it appears Dr. Fukurokov (from Tails Adventure) is in the game. And whatever his ability is, he seems to be an absolute beast. Take a look:

Working on getting some footage from Sonic Blitz's new update, and...despite not being listed in the patch notes, it appears Dr. Fukurokov (from Tails Adventure) is in the game. And whatever his ability is, he seems to be an absolute beast. Take a look:

The Sonic Stadium ✪ 25 YEARS OF SONIC NEWS

23,434 views • 1 year ago

The true cost of Rachel Reeves’ benefits budget will shock you. Labour are taking from hardworking people, and using it to pay people on welfare more. This has to stop. We have to Get Britain Working Again.

The true cost of Rachel Reeves’ benefits budget will shock you. Labour are taking from hardworking people, and using it to pay people on welfare more. This has to stop. We have to Get Britain Working Again.

Conservatives

24,598 views • 7 months ago

Yesterday I posted a clip of an alleged response from ChatGPT. I stand by that post despite some push back as it aligned with my reading of the bill and the fact that I had run through. 3 AIs. I am still working on cross referencing the outputs from the AIs alongside my notes from the bill. What I did not do is run it through Grok. So this clip is an interesting clip. Once again it aligns with both my notes and also my post from yesterday. 🎥 TikTok -

Yesterday I posted a clip of an alleged response from ChatGPT. I stand by that post despite some push back as it aligned with my reading of the bill and the fact that I had run through. 3 AIs. I am still working on cross referencing the outputs from the AIs alongside my notes from the bill. What I did not do is run it through Grok. So this clip is an interesting clip. Once again it aligns with both my notes and also my post from yesterday. 🎥 TikTok -

𝔗𝔯𝔲𝔱𝔥 𝔐𝔞𝔱𝔱𝔢𝔯𝔰

25,396 views • 1 year ago

A Namibian lawmaker recently applauded Burkina Faso's Captain Ibrahim Traoré in parliament for making a daring economic move, stopping uranium sales to France and instead trading it on the open market. The result? A shift from earning around $1 billion from France to generating approximately $85 billion on the global market. This isn't just bold leadership, it's a masterclass in economic sovereignty. With actions like reducing university fees and challenging foreign control, Namibia's leaders are clearly paying attention to what's working elsewhere in Africa and taking valuable notes.

A Namibian lawmaker recently applauded Burkina Faso's Captain Ibrahim Traoré in parliament for making a daring economic move, stopping uranium sales to France and instead trading it on the open market. The result? A shift from earning around $1 billion from France to generating approximately $85 billion on the global market. This isn't just bold leadership, it's a masterclass in economic sovereignty. With actions like reducing university fees and challenging foreign control, Namibia's leaders are clearly paying attention to what's working elsewhere in Africa and taking valuable notes.

FAB 🇺🇸

57,667 views • 1 year ago

Michael Truell (Michael Truell) on building Cursor at 23, taking on GitHub Copilot, and advice to engineering students. At AI Startup School in San Francisco. 00:38 – PG essays & first code 02:36 – Games, robots, and hacking ML as a teenager 06:54 – From Hemisphere to Cursor: first startup attempts 09:54 – Pivoting hard when nothing was working 12:04 – Taking on GitHub Copilot 13:10 – Shipping the first Cursor editor 15:24 – Early lessons: features, feedback, and VS Code shift 16:26 – Codex, custom models, and pragmatic bets 17:58 – Wandering in 2023 20:00 – $1M → $100M in a year 22:46 – Word of mouth and growth 25:24 – The future of coding and advice for builders

Michael Truell (Michael Truell) on building Cursor at 23, taking on GitHub Copilot, and advice to engineering students. At AI Startup School in San Francisco. 00:38 – PG essays & first code 02:36 – Games, robots, and hacking ML as a teenager 06:54 – From Hemisphere to Cursor: first startup attempts 09:54 – Pivoting hard when nothing was working 12:04 – Taking on GitHub Copilot 13:10 – Shipping the first Cursor editor 15:24 – Early lessons: features, feedback, and VS Code shift 16:26 – Codex, custom models, and pragmatic bets 17:58 – Wandering in 2023 20:00 – $1M → $100M in a year 22:46 – Word of mouth and growth 25:24 – The future of coding and advice for builders

Y Combinator

132,309 views • 10 months ago

building large language models from scratch by Sebastian Raschka was a great chance for me to sit down and study again all the LLM basics > token and positional embeddings > self-attention and what QKV is about > causal & multi-head attention studying llms and how they work can seem overwhelming at first. but once you taste how good it feels to learn these things intuitively there's no going back. I shared the resources and my notes on my repo and I hope it's a motivation if you want to start as well or recap.

building large language models from scratch by Sebastian Raschka was a great chance for me to sit down and study again all the LLM basics > token and positional embeddings > self-attention and what QKV is about > causal & multi-head attention studying llms and how they work can seem overwhelming at first. but once you taste how good it feels to learn these things intuitively there's no going back. I shared the resources and my notes on my repo and I hope it's a motivation if you want to start as well or recap.

ℏεsam

49,292 views • 1 year ago

Diesel up by further 7c overnight! Home heating oil getting close to €1000 for a half fill. Four weeks into this crisis and still nothing from Fianna Fáil and Fine Gael. Now, they swan off for another weekend without taking any action to help. We need to see a cut to taxes on petrol, diesel and home heating oil. Half measures won’t work. Working people cannot be left behind again. They want proper relief from skyrocketing fuel prices.

Diesel up by further 7c overnight! Home heating oil getting close to €1000 for a half fill. Four weeks into this crisis and still nothing from Fianna Fáil and Fine Gael. Now, they swan off for another weekend without taking any action to help. We need to see a cut to taxes on petrol, diesel and home heating oil. Half measures won’t work. Working people cannot be left behind again. They want proper relief from skyrocketing fuel prices.

Mary Lou McDonald

22,371 views • 3 months ago

"I loved working with Ronda. She is so cool and so down. People do not give her enough credit. She got a lot of shit when we did that DDT spot in our match and people didn't like how she took the move. She went and got a trainer to teach her how to spike a DDT and we did it in our next match. She fought for it. She was like, I don't care what we do in this match. I am taking that DDT from you again. And she took it like a champ. I loved working with Ronda." Jesus alfaro on working with Ronda Rousey

"I loved working with Ronda. She is so cool and so down. People do not give her enough credit. She got a lot of shit when we did that DDT spot in our match and people didn't like how she took the move. She went and got a trainer to teach her how to spike a DDT and we did it in our next match. She fought for it. She was like, I don't care what we do in this match. I am taking that DDT from you again. And she took it like a champ. I loved working with Ronda." Jesus alfaro on working with Ronda Rousey

Ariel Helwani

45,962 views • 1 year ago

Bae talking about how grateful she is to work with Pabllo Vittar in Brazil 🥹 “We actually learned so much, and while working together with Pabllo, we learned a lot. While performing on stage and filming, we learned so much from Pabllo, and while working with Pabllo Vittar’s team, they really took great care of us this time. Coming to Brazil, they made sure we could work and perform in such a wonderful environment. They took care of us so well so that we could perform under the best conditions. So, taking this opportunity, we want to say once again how thankful and grateful we are. We want to say ‘obrigada’”

Bae talking about how grateful she is to work with Pabllo Vittar in Brazil 🥹 “We actually learned so much, and while working together with Pabllo, we learned a lot. While performing on stage and filming, we learned so much from Pabllo, and while working with Pabllo Vittar’s team, they really took great care of us this time. Coming to Brazil, they made sure we could work and perform in such a wonderful environment. They took care of us so well so that we could perform under the best conditions. So, taking this opportunity, we want to say once again how thankful and grateful we are. We want to say ‘obrigada’”

nmixx pics

26,464 views • 4 months ago

This was, without question, the worst day of the Carney government to date. The Foreign Minister blamed the democratic State of Israel — not the terrorist group Hamas. The Justice Minister announced he’s working from home and will be taking meetings on Zoom, as though the justice system were a tech startup. The Heritage Minister — who has nothing to do with pipelines — publicly contradicted the Prime Minister on energy policy. What’s next? Will he put a Canadian flag on a barrel of oil and call it culture? And then there’s the Housing Minister, who made it clear that making homes more affordable just isn’t a priority for him. You’ll forgive the language, but today was a complete and utter clusterfuck. From now on, only the Prime Minister speaks. Everyone else? Sit down. Take notes. And stop sinking the ship. Or as PM Carney would say “CA SUFFIT!”

This was, without question, the worst day of the Carney government to date. The Foreign Minister blamed the democratic State of Israel — not the terrorist group Hamas. The Justice Minister announced he’s working from home and will be taking meetings on Zoom, as though the justice system were a tech startup. The Heritage Minister — who has nothing to do with pipelines — publicly contradicted the Prime Minister on energy policy. What’s next? Will he put a Canadian flag on a barrel of oil and call it culture? And then there’s the Housing Minister, who made it clear that making homes more affordable just isn’t a priority for him. You’ll forgive the language, but today was a complete and utter clusterfuck. From now on, only the Prime Minister speaks. Everyone else? Sit down. Take notes. And stop sinking the ship. Or as PM Carney would say “CA SUFFIT!”

Dimitris Soudas 🇨🇦⚜️🇬🇷☦️ 13.12.1943

305,448 views • 1 year ago

MAGA is officially taking over the Florida skies as Palm Beach International airport is finally renamed Donald J. Trump International Airport. Florida State Representative Meg Weinberger Megforflorida exposed the pathetic cowardice of some "Republicans" who were too scared to even touch this bill while real patriots like Senator Mayfield Debbie Mayfield and Representative Kendall fought to win. The FAA is already working on the official DJT call sign and we are expecting a massive ribbon cutting ceremony by July. It’s time to Make The Skies Great Again and ensure that greatness takes off the moment you depart from Palm Beach, Florida!

MAGA is officially taking over the Florida skies as Palm Beach International airport is finally renamed Donald J. Trump International Airport. Florida State Representative Meg Weinberger Megforflorida exposed the pathetic cowardice of some "Republicans" who were too scared to even touch this bill while real patriots like Senator Mayfield Debbie Mayfield and Representative Kendall fought to win. The FAA is already working on the official DJT call sign and we are expecting a massive ribbon cutting ceremony by July. It’s time to Make The Skies Great Again and ensure that greatness takes off the moment you depart from Palm Beach, Florida!

Laura Loomer

85,634 views • 2 months ago

$Marc Andreessen explains how AI turned the valley's best programmers into sleep-deprived "vampires": Marc points out a counterintuitive twist in what AI coding has done to developers. You'd expect one of two outcomes, he says. Either coders would leave the profession entirely "because there's no point anymore," or they'd simply have better lives, working a fraction of the hours now that AI makes them so productive. Neither happened. As Marc puts it: "What's actually happened is virtually to a person, they're all working more hours than ever. To the point where there is a new term of art that's used in the valley called the AI vampire...You're up all night doing AI coding because you are so productive." The reason they can't switch off is opportunity cost: "If you go to sleep, you won't be with your 20 AI coding agents keeping them working on all the projects that you have them working on. And so people stop sleeping." Marc describes friends, some of them famous, who look visibly worse than they did six months ago. Sleep-deprived, bags under their eyes, clearly not taking care of themselves. And yet "they are absolutely ecstatic because they are able to produce five times, 10 times, 20 times more code per hour than they could in the past." He shares one example, a Wall Street friend with a 35-year-old computer science degree from MIT who had long stopped coding: "He's picked up coding with AI. He's completely reanimated his entire house." AI jukebox, security cameras, robot pet dogs, smart fridges, every project he'd ever imagined. In his spare time, the friend has "generated 500,000 lines of code just by working with AI." The same thing is playing out inside companies. At leading-edge tech firms, Marc says, coders using AI are estimated to be "20 times more productive than they were before they started using AI." So what happens when code becomes that cheap to produce? Marc Andreessen 🇺🇸 points to an elasticity effect: "It turns out there's way more demand for code in the world than was ever able to be satisfied under the old economics. Every company I know has a thousand things that they've wanted to have code for that they've never been able to get to." Now they can do all of it. Companies are shipping products faster, adding features faster, moving into "turbo mode." Coding salaries have inflated to match. According to Marc, the top coders in AI now make $50 million a year, because "they've got the silver bullet. They've got the philosopher's stone." Asked whether any of this is sustainable, his answer is blunt: "Not only is this sustainable, this is going to intensify."$

Marc Andreessen explains how AI turned the valley's best programmers into sleep-deprived "vampires": Marc points out a counterintuitive twist in what AI coding has done to developers. You'd expect one of two outcomes, he says. Either coders would leave the profession entirely "because there's no point anymore," or they'd simply have better lives, working a fraction of the hours now that AI makes them so productive. Neither happened. As Marc puts it: "What's actually happened is virtually to a person, they're all working more hours than ever. To the point where there is a new term of art that's used in the valley called the AI vampire...You're up all night doing AI coding because you are so productive." The reason they can't switch off is opportunity cost: "If you go to sleep, you won't be with your 20 AI coding agents keeping them working on all the projects that you have them working on. And so people stop sleeping." Marc describes friends, some of them famous, who look visibly worse than they did six months ago. Sleep-deprived, bags under their eyes, clearly not taking care of themselves. And yet "they are absolutely ecstatic because they are able to produce five times, 10 times, 20 times more code per hour than they could in the past." He shares one example, a Wall Street friend with a 35-year-old computer science degree from MIT who had long stopped coding: "He's picked up coding with AI. He's completely reanimated his entire house." AI jukebox, security cameras, robot pet dogs, smart fridges, every project he'd ever imagined. In his spare time, the friend has "generated 500,000 lines of code just by working with AI." The same thing is playing out inside companies. At leading-edge tech firms, Marc says, coders using AI are estimated to be "20 times more productive than they were before they started using AI." So what happens when code becomes that cheap to produce? Marc Andreessen 🇺🇸 points to an elasticity effect: "It turns out there's way more demand for code in the world than was ever able to be satisfied under the old economics. Every company I know has a thousand things that they've wanted to have code for that they've never been able to get to." Now they can do all of it. Companies are shipping products faster, adding features faster, moving into "turbo mode." Coding salaries have inflated to match. According to Marc, the top coders in AI now make $50 million a year, because "they've got the silver bullet. They've got the philosopher's stone." Asked whether any of this is sustainable, his answer is blunt: "Not only is this sustainable, this is going to intensify."

Big Brain AI

21,124 views • 1 month ago