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.

Tried recreating an old Blender experiment using CustomShaderMaterial with Three.js . Turned out pretty cool! Might be a bit too intense for aging CPUs, though. Give it a spin if you're curious #glsl #shader #webgl

Fabio Ottaviani

4,748 subscribers

19,164 views • 1 year ago •via X (Twitter)

#glsl #shader #webgl

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

TIL gradients can be sampled from an image in Blender. Here I'm using it with a volumetric shader. thx to Andrew Price & celestialmaze for the tip🙏 (btw we are adding this feature to #EmberGen too!)

TIL gradients can be sampled from an image in Blender. Here I'm using it with a volumetric shader. thx to Andrew Price & celestialmaze for the tip🙏 (btw we are adding this feature to #EmberGen too!)

Jason Key

57,835 views • 2 years ago

Built a list today and tried switching between list and grid views with layout transition. Thought it’d be cool and it turned out pretty great! 🙌 Shoutout to Expo for making it so simple and Software Mansion’s reanimated for the smooth transitions. Here’s how it looks 👇

Built a list today and tried switching between list and grid views with layout transition. Thought it’d be cool and it turned out pretty great! 🙌 Shoutout to Expo for making it so simple and Software Mansion’s reanimated for the smooth transitions. Here’s how it looks 👇

Arunabh Verma

27,833 views • 1 year ago

I also tried making an extended version with Yuffie. She looks a bit too composed and her chest ended up slightly larger, so it’s missing a little of that “Yuffie-like” vibe—but overall, I think it turned out pretty good. Yuffie/ユフィ -FinalFantasy- #FF7リバース #FF7 #FF7R #FinalFantasy #Yuffie #ユフィ #AIart #AIgirl

Sensitive content

I also tried making an extended version with Yuffie. She looks a bit too composed and her chest ended up slightly larger, so it’s missing a little of that “Yuffie-like” vibe—but overall, I think it turned out pretty good. Yuffie/ユフィ -FinalFantasy- #FF7リバース #FF7 #FF7R #FinalFantasy #Yuffie #ユフィ #AIart #AIgirl

t-fAI

22,333 views • 1 year ago

I tried to do up the top button, but I feel like it might pop off and hurt someone if I do 😅I like how it fits around my waist, but it miigghhtt be a bit too much above it 🫣 This is the problem with liking tight clothes and having a big bust 😩😂 It covers the important part 🤷‍♀️

I tried to do up the top button, but I feel like it might pop off and hurt someone if I do 😅I like how it fits around my waist, but it miigghhtt be a bit too much above it 🫣 This is the problem with liking tight clothes and having a big bust 😩😂 It covers the important part 🤷‍♀️

Lacey Taylor

50,115 views • 3 months ago

If you're a designer or a design engineer, you might often end up building micro apps for your creative workflow - branding assets, animations, WebGL effects. BUT to make the app itself look pretty takes quite a lot of work. Laggy controls, weird dropdowns, ugly sliders, partially working image uploaders, slow canvas. We're building a solution for that - a free and open-source micro app template(+ skills/agents.md) for designers. Here is the first teaser of components that will be available for you out of the box.

If you're a designer or a design engineer, you might often end up building micro apps for your creative workflow - branding assets, animations, WebGL effects. BUT to make the app itself look pretty takes quite a lot of work. Laggy controls, weird dropdowns, ugly sliders, partially working image uploaders, slow canvas. We're building a solution for that - a free and open-source micro app template(+ skills/agents.md) for designers. Here is the first teaser of components that will be available for you out of the box.

Alex Barashkov

44,443 views • 4 months ago

Ok, that's amazing. 🦄 A side by side three.js comparison - with GitMCP and without. GitMCP's story originally started from a tweet by Three.js about their large, non-LLM-digestable, documentation file. Ido Salomon and I ended up creating a cool generic documentation MCP server, but we didn't forget threejs and mrdoob. So we put it to the test. Using GitMCP, I gave this prompt to Cursor + Claude 3.7: "Build a Three.js scene featuring a controllable realistic person navigating a textured dynamic urban environment with realistic lighting and subtle bloom effects. Ensure keyboard controls (WASD) for movement." This is the result. To the right is the one-shot result with our MCP server. To the left is the result without it, based just on Cursor's limited knowledge. The video is pretty conclusive. 🤯 It's really amazing since Cursor already knows a lot about three.js, but with our dedicated documentation MCP server it just outputs better results. And for all other libraries out there - that are not included in Cursor - this is a total game changer. A huge shout out to Cloudflare Developers and Anni Wang, who worked with us yesterday to quickly insert new capabilities in their AutoRAG feature (that enables indexing large amount of documentation) according to our specific needs, and to troubleshoot issues. It was very helpful. Knowledge is power, and that applies for every coding assitant. And not just for three.js! Check out GitMCP for any library you're using - link in the next comment.

Ok, that's amazing. 🦄 A side by side three.js comparison - with GitMCP and without. GitMCP's story originally started from a tweet by Three.js about their large, non-LLM-digestable, documentation file. Ido Salomon and I ended up creating a cool generic documentation MCP server, but we didn't forget threejs and mrdoob. So we put it to the test. Using GitMCP, I gave this prompt to Cursor + Claude 3.7: "Build a Three.js scene featuring a controllable realistic person navigating a textured dynamic urban environment with realistic lighting and subtle bloom effects. Ensure keyboard controls (WASD) for movement." This is the result. To the right is the one-shot result with our MCP server. To the left is the result without it, based just on Cursor's limited knowledge. The video is pretty conclusive. 🤯 It's really amazing since Cursor already knows a lot about three.js, but with our dedicated documentation MCP server it just outputs better results. And for all other libraries out there - that are not included in Cursor - this is a total game changer. A huge shout out to Cloudflare Developers and Anni Wang, who worked with us yesterday to quickly insert new capabilities in their AutoRAG feature (that enables indexing large amount of documentation) according to our specific needs, and to troubleshoot issues. It was very helpful. Knowledge is power, and that applies for every coding assitant. And not just for three.js! Check out GitMCP for any library you're using - link in the next comment.

Liad Yosef

41,745 views • 1 year ago

I've been pondering something... My end goal with my city simulator is to publish it on Steam. I was planning on using Three.js for prototyping and then porting this over to Unity to take advantage of ECS/Burst. But then I realized I could probably port all of the simulation code from TypeScript to Rust if I wanted to make it ultra-fast. And then I can continue to use Three.js for the renderer and then embed it into an Electron app. Is that a dumb idea? What pitfalls are there with this approach? Curious what people's experience publishing games using Electron has been.

I've been pondering something... My end goal with my city simulator is to publish it on Steam. I was planning on using Three.js for prototyping and then porting this over to Unity to take advantage of ECS/Burst. But then I realized I could probably port all of the simulation code from TypeScript to Rust if I wanted to make it ultra-fast. And then I can continue to use Three.js for the renderer and then embed it into an Electron app. Is that a dumb idea? What pitfalls are there with this approach? Curious what people's experience publishing games using Electron has been.

Dan Greenheck

48,037 views • 28 days ago

I always wondered "What if I port my three.js game to Rust? Will it improve performance?" I finally ported it to both Rust Desktop and Rust WASM (that runs on the browser) Comparing the three.js version with the Rust desktop I had a clear winner: Rust desktop. But now I took the time to port it to the web using Web Assembly (WASM) And my conclusion is... A tie! Both versions averaged 42FPS (60FPS if running one at a time) So if your goal is to ship a web game, it doesn't even matter the tech you use. (Three.js is recommended because the ecossystem is huge though) As long you optmize well (Web workers, reduce triangles, draw calls, etc) you should be good to go. But in the event you want to ship a native game to publish on Steam a system language (Rust, C++, etc) will be better for you. Now I want to port the three.js game to Desktop using Electron and see the results. I'll let you know. Btw, I'm open to new freelance projects. If you have anything for me, my DMs are open!

I always wondered "What if I port my three.js game to Rust? Will it improve performance?" I finally ported it to both Rust Desktop and Rust WASM (that runs on the browser) Comparing the three.js version with the Rust desktop I had a clear winner: Rust desktop. But now I took the time to port it to the web using Web Assembly (WASM) And my conclusion is... A tie! Both versions averaged 42FPS (60FPS if running one at a time) So if your goal is to ship a web game, it doesn't even matter the tech you use. (Three.js is recommended because the ecossystem is huge though) As long you optmize well (Web workers, reduce triangles, draw calls, etc) you should be good to go. But in the event you want to ship a native game to publish on Steam a system language (Rust, C++, etc) will be better for you. Now I want to port the three.js game to Desktop using Electron and see the results. I'll let you know. Btw, I'm open to new freelance projects. If you have anything for me, my DMs are open!

André → andreelias.dev

19,531 views • 3 months ago

I spent my Astra tokens trying to teach small Qwen3.5 (9B) to create lowpoly 3D rooms using Blender 🏡 you (or Astra) can take this challenge today here's what I learned: > you need to align geometry with deterministic rewards and VLM-as-a-judge (GLM-5.3-Flash which was a great judge) > I tried GEPA at first with various rewards, model learned to make valid rooms (but that's it) > after solving geometry you need the model to add more details, which is very hard > the stricter the reward function, less advantage you get because task is too hard. grpo didn't help > I tried passing image guidance to both policy (Qwen) and judge (GLM) it didn't improve > I tried tastemaxxing trick in this blog, truth is, flowers can be abstract, a house can't be shoutout to OpenEnv, environment is super simple what can you try? > experiment with different rewards or policy (teach a larger Qwen) > generate a dataset of 150-200 Blender render Bpy examples using Astra, fine-tune Qwen on it first and then try GEPA or GRPO > ???

I spent my Astra tokens trying to teach small Qwen3.5 (9B) to create lowpoly 3D rooms using Blender 🏡 you (or Astra) can take this challenge today here's what I learned: > you need to align geometry with deterministic rewards and VLM-as-a-judge (GLM-5.3-Flash which was a great judge) > I tried GEPA at first with various rewards, model learned to make valid rooms (but that's it) > after solving geometry you need the model to add more details, which is very hard > the stricter the reward function, less advantage you get because task is too hard. grpo didn't help > I tried passing image guidance to both policy (Qwen) and judge (GLM) it didn't improve > I tried tastemaxxing trick in this blog, truth is, flowers can be abstract, a house can't be shoutout to OpenEnv, environment is super simple what can you try? > experiment with different rewards or policy (teach a larger Qwen) > generate a dataset of 150-200 Blender render Bpy examples using Astra, fine-tune Qwen on it first and then try GEPA or GRPO > ???

merve

22,729 views • 5 days ago

If you think this is just another silly demo made with AI, read this post. You might change your mind, because this demo is about MATH. What you see on the screen is not a render from Blender (obviously, it’s not that good). It’s a three.js app built with Toolcraft. Available on the web and rendered in real time(link in the comments). But Blender still has a lot to do with it. Blender has Geometry Nodes - a powerful node-based system for creating and manipulating procedural geometry. In other words, it’s math. And math is a universal language. And who do you think is pretty good at math? >>> AI. Now you can download or buy Blender files from marketplaces, and when they contain Geometry Nodes for procedural animations, objects, surfaces, or effects, you can transfer that logic to the web. Make it real-time, make it interactive. Materials are a separate story, of course. They can still suck unless you use the right tricks: PBR, HDRIs, material blending, displacement, and faked surface relief. So why is Blender important here? Blender is open source, and many tools around it are open source too. An AI trained on their code. That means it can translate the math from one environment to another quite accurately. If you’ve been struggling to reproduce some idea with AI that you had in your head or seen in some references, and it has something to do with Geometry Nodes, and you can find that idea or a close one in the Blender ecosystem - it means you can transfer it to the web. Thank me later.

If you think this is just another silly demo made with AI, read this post. You might change your mind, because this demo is about MATH. What you see on the screen is not a render from Blender (obviously, it’s not that good). It’s a three.js app built with Toolcraft. Available on the web and rendered in real time(link in the comments). But Blender still has a lot to do with it. Blender has Geometry Nodes - a powerful node-based system for creating and manipulating procedural geometry. In other words, it’s math. And math is a universal language. And who do you think is pretty good at math? >>> AI. Now you can download or buy Blender files from marketplaces, and when they contain Geometry Nodes for procedural animations, objects, surfaces, or effects, you can transfer that logic to the web. Make it real-time, make it interactive. Materials are a separate story, of course. They can still suck unless you use the right tricks: PBR, HDRIs, material blending, displacement, and faked surface relief. So why is Blender important here? Blender is open source, and many tools around it are open source too. An AI trained on their code. That means it can translate the math from one environment to another quite accurately. If you’ve been struggling to reproduce some idea with AI that you had in your head or seen in some references, and it has something to do with Geometry Nodes, and you can find that idea or a close one in the Blender ecosystem - it means you can transfer it to the web. Thank me later.

Alex Barashkov

28,300 views • 1 month ago

Classic rewards on Sorare, you have to fight through the pain, every now and then... things like this can happen. I will give out a rare TAA card to one person who engages with this post, bonus points if you follow @PranksyPlays and subscribe to us on YouTube. You too can win JPEGs worth $8K+ for just playing fantasy football, with a little bit of investing, collecting, speculating and a lot of luck using my #partner link: Winner will be drawn at some point next week.

Classic rewards on Sorare, you have to fight through the pain, every now and then... things like this can happen. I will give out a rare TAA card to one person who engages with this post, bonus points if you follow @PranksyPlays and subscribe to us on YouTube. You too can win JPEGs worth $8K+ for just playing fantasy football, with a little bit of investing, collecting, speculating and a lot of luck using my #partner link: Winner will be drawn at some point next week.

Pranksy

25,410 views • 1 year ago

This has to be a left shoulder turn into a right hook, or if you're gonna spin back, it has to be a right shoulder left hook. With Jaren Jackson Jr. on him, there is not going to be an opportunity to to just turn and dunk or lay it in. So it's pretty simple to me: Until there is a signal of a post move being developed in these positions, Gobert shouldn't be allowed to duck-in on this big of a defender. JJJ is big and good at defense! If it's someone you can just turn around and dunk on, sure, feed it. But this isn't that -- like very obviously.

This has to be a left shoulder turn into a right hook, or if you're gonna spin back, it has to be a right shoulder left hook. With Jaren Jackson Jr. on him, there is not going to be an opportunity to to just turn and dunk or lay it in. So it's pretty simple to me: Until there is a signal of a post move being developed in these positions, Gobert shouldn't be allowed to duck-in on this big of a defender. JJJ is big and good at defense! If it's someone you can just turn around and dunk on, sure, feed it. But this isn't that -- like very obviously.

Dane Moore

41,490 views • 1 year ago

~ About ‘Loser (ft. Yena)’✨ 🐹: Yena joined me on this track. I actually came up with the concept for this one as well. Honestly, other than DSYLM, I created the concepts for all the other songs too. For this song, I tried to be imaginative with it. 🐹: I’ve never dated anyone during my student years so I imagined a lot about what it would feel like if students were in a relationship. 🐹: It also reflects a bit of my own personality to lead to kind of childish arguments. Like, one says 'You think you can live without me?' and the other snaps back,'Well, can you live without me then?' Then the guy says something like I’m good-looking and all… you’ll regret it if you let me go' and the girl’s like 'you would regret it just as much if u let me go!' I wanted to try with this kind of concept. 🐹: When I heard the song, I just felt like Yena would be the perfect fit for it. So I reached out through my company and asked if she’d be interested in working it with me, and thankfully she said yes. That’s how this really wonderful song came to be. 🐹: So, I think this might be the song where my imagination came through the most. It might feel a little unrealistic though.. because seriously who would bicker like this in real life, right? #Dont_Say_You_Love_Me #Jin_Echo #Jin #방탄소년단진 #진

~ About ‘Loser (ft. Yena)’✨ 🐹: Yena joined me on this track. I actually came up with the concept for this one as well. Honestly, other than DSYLM, I created the concepts for all the other songs too. For this song, I tried to be imaginative with it. 🐹: I’ve never dated anyone during my student years so I imagined a lot about what it would feel like if students were in a relationship. 🐹: It also reflects a bit of my own personality to lead to kind of childish arguments. Like, one says 'You think you can live without me?' and the other snaps back,'Well, can you live without me then?' Then the guy says something like I’m good-looking and all… you’ll regret it if you let me go' and the girl’s like 'you would regret it just as much if u let me go!' I wanted to try with this kind of concept. 🐹: When I heard the song, I just felt like Yena would be the perfect fit for it. So I reached out through my company and asked if she’d be interested in working it with me, and thankfully she said yes. That’s how this really wonderful song came to be. 🐹: So, I think this might be the song where my imagination came through the most. It might feel a little unrealistic though.. because seriously who would bicker like this in real life, right? #Dont_Say_You_Love_Me #Jin_Echo #Jin #방탄소년단진 #진

Cha⁷_민윤기 ⊙⊝⊜ 🐱🍊🥢

38,544 views • 1 year ago

Hai again .. i need feedbacks on the back cover for this DJ. I honestly love the peek a boo concept for a cover but there is a high chance there will be a bit of peel on certain part of the paper, i wonder if that’s okay or would u guys prefer a plain cover with no holes ? I’m still testing it out tho i might know how to fix this but just incase !

Hai again .. i need feedbacks on the back cover for this DJ. I honestly love the peek a boo concept for a cover but there is a high chance there will be a bit of peel on certain part of the paper, i wonder if that’s okay or would u guys prefer a plain cover with no holes ? I’m still testing it out tho i might know how to fix this but just incase !

zaire ᯓᡣ𐭩

14,410 views • 18 days ago

Entrepreneurship is a luxury. When I dropped out of college and asked my parents for that one chance, I genuinely felt this might be the only opportunity I would ever get to do something meaningful. If I wasted it, I couldn’t blame anyone else. That mindset changes how you work. You stop treating it like an experiment. You treat it like responsibility. In India, we don’t just need more startups. We need founders who understand the privilege of building. If you get the chance, approach it like it’s once in a lifetime.

Entrepreneurship is a luxury. When I dropped out of college and asked my parents for that one chance, I genuinely felt this might be the only opportunity I would ever get to do something meaningful. If I wasted it, I couldn’t blame anyone else. That mindset changes how you work. You stop treating it like an experiment. You treat it like responsibility. In India, we don’t just need more startups. We need founders who understand the privilege of building. If you get the chance, approach it like it’s once in a lifetime.

Ritesh Agarwal

11,866 views • 6 months ago

We're looking for an exceptional first product designer for gigi to join our team in Paris! With Gigi, we're reimagining online dating with an AI wingwoman who knows you inside out. Backed by Sequoia & OpenAI, we hit 500K+ downloads and 250K MAUs, and going for much more 🔥 We're now looking for a young, creative mind passionate about B2C apps and building cool products from the ground to be our first product designer and bring Gigi to the next level! Location: Paris When? ASAP Ping me in DM if you're the one!! And twitter friends pls comment on this post to give it visibility 🙏🫶

We're looking for an exceptional first product designer for gigi to join our team in Paris! With Gigi, we're reimagining online dating with an AI wingwoman who knows you inside out. Backed by Sequoia & OpenAI, we hit 500K+ downloads and 250K MAUs, and going for much more 🔥 We're now looking for a young, creative mind passionate about B2C apps and building cool products from the ground to be our first product designer and bring Gigi to the next level! Location: Paris When? ASAP Ping me in DM if you're the one!! And twitter friends pls comment on this post to give it visibility 🙏🫶

Clara Gold

20,572 views • 1 year ago