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.

Level up your VFX skills! We published a breakdown of this React Three Fiber sci-fi shield by Cortiz. Combine shader layers, procedural patterns, and hit detection to create your own! Link below ⬇️ Who do you think should be our next community highlight? #threejs #r3f

Poimandres

17,707 subscribers

21,258 views • 6 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

7 Comments

Poimandres6 months ago

Article: Live demo:

alhuissi6 months ago

@cortiz2894 adding a planet shield to thank you so much!

Poimandres6 months ago

@cortiz2894 I love this. How are you building this project?

alhuissi6 months ago

@cortiz2894 {Codex + Claude Code + Cursor} for coding {Grok + ChatGPT} for prompt building and images Gemini for emotional support I'm kind of just improvising tbh, looking for an interesting idea to spontaneously emerge from playing this

Flow - Bubbits6 months ago

@cortiz2894 Aw man that's beautiful

Lofibloom6 months ago

@threejs @cortiz2894 Really cool!

Cortiz6 months ago

Let's goooo 🔥 Thanks for having me guys!

Related Videos

R3F v10 has a fresh release in preview! ✧ First-class WebGPU and TSL support ✧ useFrame revamped with a new scheduler ✧ Multi-canvas out of the box ✧ Three essentials moved out of Drei directly into core ▶️ npm install @'react-three/fiber@alpha' We are eagerly deving what the next generation of frameworks should look like from WebGPU to agentic support. Shout out your feedback. For details check out: And if you want to learn more first-hand join us at our Threejs conf workshop!

R3F v10 has a fresh release in preview! ✧ First-class WebGPU and TSL support ✧ useFrame revamped with a new scheduler ✧ Multi-canvas out of the box ✧ Three essentials moved out of Drei directly into core ▶️ npm install @'react-three/fiber@alpha' We are eagerly deving what the next generation of frameworks should look like from WebGPU to agentic support. Shout out your feedback. For details check out: And if you want to learn more first-hand join us at our Threejs conf workshop!

Poimandres

10,926 views • 1 month 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

24,458 views • 4 months ago

We are super glad our jerseys are such a big hit, but we gotta give credit to our players for wearing them well too 🤩🤩 If you would like to get a Sakura jersey of your own, you can order them from the ⬇️link below⬇️

We are super glad our jerseys are such a big hit, but we gotta give credit to our players for wearing them well too 🤩🤩 If you would like to get a Sakura jersey of your own, you can order them from the ⬇️link below⬇️

🌸 Sakura 🌸

35,425 views • 10 months ago

YouMind 0.8 is officially here! Enjoy a cleaner workflow with our new three-column layout, explore hundreds of 'Skills' to level up your work, and discover thoughtful refinements across the entire platform. Let's learn, think, and create together. Try it now:

YouMind 0.8 is officially here! Enjoy a cleaner workflow with our new three-column layout, explore hundreds of 'Skills' to level up your work, and discover thoughtful refinements across the entire platform. Let's learn, think, and create together. Try it now:

YouMind

13,330 views • 8 months ago

Bogotá, you showed up, and you made it unforgettable! It was a pleasure meeting so many members of the FundingPips community, hearing your trading journeys, answering your questions, and sharing what the #newera of prop trading is all about. Thank you for stopping by our booth; we can’t wait to do it again! Where should we meet you next? Which expo should FundingPips attend?

Bogotá, you showed up, and you made it unforgettable! It was a pleasure meeting so many members of the FundingPips community, hearing your trading journeys, answering your questions, and sharing what the #newera of prop trading is all about. Thank you for stopping by our booth; we can’t wait to do it again! Where should we meet you next? Which expo should FundingPips attend?

FundingPips

17,364 views • 3 months ago

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.

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 views • 1 year ago

Your periodic reminder that we have our whole pattern library as pay what you want (min $0)! Tips are appreciated and help us afford to make new patterns and update the current ones! This is how we give back to the community for all the help we have received <3 Link below ⬇️

Your periodic reminder that we have our whole pattern library as pay what you want (min $0)! Tips are appreciated and help us afford to make new patterns and update the current ones! This is how we give back to the community for all the help we have received <3 Link below ⬇️

Foxfire Fantasy

228,921 views • 2 years ago

Little Habitats is launched! You can play it on this link below: It's a cosy island builder, inspired by games like Townscaper and Tiny Glade. - Design & create your own island habitat - Attract up to 17 small animals - Discover up to 23 landmarks through interesting tile placements - Uncover 6 wonders and festivities (these are hard to find!) - Invite majestic animal spirits to your island - Share your island with your friends with your own island URLs! Do give it a try! it should work decently on mobile and do share your islands too!

Little Habitats is launched! You can play it on this link below: It's a cosy island builder, inspired by games like Townscaper and Tiny Glade. - Design & create your own island habitat - Attract up to 17 small animals - Discover up to 23 landmarks through interesting tile placements - Uncover 6 wonders and festivities (these are hard to find!) - Invite majestic animal spirits to your island - Share your island with your friends with your own island URLs! Do give it a try! it should work decently on mobile and do share your islands too!

Danny Limanseta

237,282 views • 11 days ago

The breakdown of doing a Procedural Bridge in Unreal Engine with Dash is here! 🔥 You will see several of the procedural tools in Dash and how to use them together to create complex procedural setups. This bridge is only one out of many examples possible! Of course, this procedural bridge could be created with PCG as well, but with Dash, we believe we have made it much simpler, with no need to set up any complex node systems. If you like PCG and use it for creating procedural setups like this, we would love to hear your thoughts, is the Dash workflow a valid alternative, or can it be used together with PCG to improve your UE5 workflows?

The breakdown of doing a Procedural Bridge in Unreal Engine with Dash is here! 🔥 You will see several of the procedural tools in Dash and how to use them together to create complex procedural setups. This bridge is only one out of many examples possible! Of course, this procedural bridge could be created with PCG as well, but with Dash, we believe we have made it much simpler, with no need to set up any complex node systems. If you like PCG and use it for creating procedural setups like this, we would love to hear your thoughts, is the Dash workflow a valid alternative, or can it be used together with PCG to improve your UE5 workflows?

Polygonflow Dash

11,945 views • 1 year ago

This Homowo, I want to celebrate with my people. So tell me… Which Ga community should I visit? How do you think we should celebrate together? Drop your community and your ideas in the comments. I’ll be reading them all. Let’s make this a celebration to remember. #Homowo2026 #GaTradition #CelebrateTogether

This Homowo, I want to celebrate with my people. So tell me… Which Ga community should I visit? How do you think we should celebrate together? Drop your community and your ideas in the comments. I’ll be reading them all. Let’s make this a celebration to remember. #Homowo2026 #GaTradition #CelebrateTogether

Richard Nii-Armah Quaye

39,558 views • 2 months ago

We will be announcing the dates for RINGFALL's first public test weekend soon. If you'd like to sign up early, there will be a link in the replies to do so. We want to do this right, so we're preparing a highlight reel as well as a written article detailing what to expect within the test. This test will be on a very early build of our game, and many features will be missing. That being said, we have fun during our playtests, and we think you will, too. We appreciate your patience while we get things ready.

We will be announcing the dates for RINGFALL's first public test weekend soon. If you'd like to sign up early, there will be a link in the replies to do so. We want to do this right, so we're preparing a highlight reel as well as a written article detailing what to expect within the test. This test will be on a very early build of our game, and many features will be missing. That being said, we have fun during our playtests, and we think you will, too. We appreciate your patience while we get things ready.

Cottonhammer Studios

24,654 views • 1 month ago

Hey Ben Stiller , my friend and I are absolutely in love with Severance. We spent a whole week, all our passion, and our VFX skills to create a tribute to your show! In France, this kind of content doesn’t get much attention, so if you check it out, you’ll make two happy artists.

Hey Ben Stiller , my friend and I are absolutely in love with Severance. We spent a whole week, all our passion, and our VFX skills to create a tribute to your show! In France, this kind of content doesn’t get much attention, so if you check it out, you’ll make two happy artists.

ATOM

71,046 views • 1 year ago

we just made it possible to upload your mind to the internet. Proxi is a living archive of your worldview. It ingests your public and private data(notes, articles, podcasts, journals) to reconstruct your thought patterns, contradictions and your unique lens into the world. You could interrogate how a founder thinks about distribution. get advice from a trader about your own thesis. stress test your ideas with people you admire. We’re opening it up today. clone yourself. talk to others. poke at worldviews you'd never get access to. try it here: [Link Below⬇️]

we just made it possible to upload your mind to the internet. Proxi is a living archive of your worldview. It ingests your public and private data(notes, articles, podcasts, journals) to reconstruct your thought patterns, contradictions and your unique lens into the world. You could interrogate how a founder thinks about distribution. get advice from a trader about your own thesis. stress test your ideas with people you admire. We’re opening it up today. clone yourself. talk to others. poke at worldviews you'd never get access to. try it here: [Link Below⬇️]

Celestine

20,433 views • 7 months ago

🚨 DISCLOSURE DAY! THE TRUTH Spielberg releases the dramatic haunting trailer for his new movie 7 billion people have a right to know Images we see of people we think we know change in front of our eyes Animals, birds, perhaps even our own pets may know the secret or even be part of it A whole new outlook on the concept of the hive mind What do you think the director of probably the biggest sci-fi movie ever to hit our screens is really trying to tell us?

🚨 DISCLOSURE DAY! THE TRUTH Spielberg releases the dramatic haunting trailer for his new movie 7 billion people have a right to know Images we see of people we think we know change in front of our eyes Animals, birds, perhaps even our own pets may know the secret or even be part of it A whole new outlook on the concept of the hive mind What do you think the director of probably the biggest sci-fi movie ever to hit our screens is really trying to tell us?

Moneypenny

130,275 views • 9 months ago

We just wrapped up the CARV PHILIPPINE GAMATHON, a blast of games, stories, and perks. Thanks to everyone who joined us! Where should our next #MeetCARVInRealLife event be? 🌍 Drop your city in the comments — yours could be next! #CARVCommunity #CARV

We just wrapped up the CARV PHILIPPINE GAMATHON, a blast of games, stories, and perks. Thanks to everyone who joined us! Where should our next #MeetCARVInRealLife event be? 🌍 Drop your city in the comments — yours could be next! #CARVCommunity #CARV

CARV

29,821 views • 2 years ago

This is the most intense sci-fi action anime you’ll see today 🚀 A short two-minute journey full of energy and atmosphere. I used 7 of my favorite sci-fi anime styles from Midjourney for this project. If you enjoy this kind of content and would like to learn how to create videos like this (or develop your own style), you’re more than welcome to join. 👉 By subscribing, you’ll get access to these styles, many more, and also the animation prompts I use in Grok Imagine.

This is the most intense sci-fi action anime you’ll see today 🚀 A short two-minute journey full of energy and atmosphere. I used 7 of my favorite sci-fi anime styles from Midjourney for this project. If you enjoy this kind of content and would like to learn how to create videos like this (or develop your own style), you’re more than welcome to join. 👉 By subscribing, you’ll get access to these styles, many more, and also the animation prompts I use in Grok Imagine.

OscarAI

11,303 views • 8 months ago

I am grateful for the opportunity to speak at Fresno State hosted by @campusgreensfrsn. I was able to connect with students about the power of community journalism, citizen reporting, and storytelling that starts right where you are. We don’t need to wait for permission to document what’s happening in our communities—we need more people willing to step up, ask questions, and tell real stories that matter. That’s how we build the next wave of citizen journalists. If this resonates with you—get involved. Start documenting. Share what you see. Your voice matters more than you think. Drop by in the comments if you believe in community journalism, and tag someone who should be part of this movement.

I am grateful for the opportunity to speak at Fresno State hosted by @campusgreensfrsn. I was able to connect with students about the power of community journalism, citizen reporting, and storytelling that starts right where you are. We don’t need to wait for permission to document what’s happening in our communities—we need more people willing to step up, ask questions, and tell real stories that matter. That’s how we build the next wave of citizen journalists. If this resonates with you—get involved. Start documenting. Share what you see. Your voice matters more than you think. Drop by in the comments if you believe in community journalism, and tag someone who should be part of this movement.

Kayla Dones — The Protagonist Network

15,667 views • 6 months ago

Message to Immigrants You’ve taken a lot from this country, shelter, safety, rights, education, opportunities. Now it’s time to give back. Stand up against the filth and wrongdoers within your own community. Stop covering for them,silence is betrayal. Your should stand loyal to this country not your community . Be loyal to the land that gave you everything when you had nothing. This is your home now, protect it, respect it, defend it. Britain deserves better. More of you should be standing up against filth

Message to Immigrants You’ve taken a lot from this country, shelter, safety, rights, education, opportunities. Now it’s time to give back. Stand up against the filth and wrongdoers within your own community. Stop covering for them,silence is betrayal. Your should stand loyal to this country not your community . Be loyal to the land that gave you everything when you had nothing. This is your home now, protect it, respect it, defend it. Britain deserves better. More of you should be standing up against filth

Harman Singh Kapoor

62,091 views • 1 year ago