Anderson Mancini
@andersonmancini.bsky.social
Creative developer from Brazil 🇧🇷 CTO @neotix. XR / AR / VR Three.js evangelist and teacher.
Update on my new #threejs project, Lumen Decor Studio.
With SSGI+SSR in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere.
Next step: color selection behavior😍
With SSGI+SSR in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere.
Next step: color selection behavior😍
October 20, 2025 at 1:24 PM
Update on my new #threejs project, Lumen Decor Studio.
With SSGI+SSR in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere.
Next step: color selection behavior😍
With SSGI+SSR in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere.
Next step: color selection behavior😍
New SSGI node — real-time bounced light straight in the browser. The whole scene weighs under 9 MB (less than a single PNG 😳).
Live link: ssgi-webgpu-demo.vercel.app
No baked lighting, no limits
#threejs #webgpu #r3f #ssgi #creativecoding
Live link: ssgi-webgpu-demo.vercel.app
No baked lighting, no limits
#threejs #webgpu #r3f #ssgi #creativecoding
October 15, 2025 at 2:42 AM
New SSGI node — real-time bounced light straight in the browser. The whole scene weighs under 9 MB (less than a single PNG 😳).
Live link: ssgi-webgpu-demo.vercel.app
No baked lighting, no limits
#threejs #webgpu #r3f #ssgi #creativecoding
Live link: ssgi-webgpu-demo.vercel.app
No baked lighting, no limits
#threejs #webgpu #r3f #ssgi #creativecoding
#threejs r181 is going to be insane. I’ve been playing with it before release — and we finally have native Screen Space Global Illumination + SSAO via #TSL in #r3f and #WebGPU. Live link soon. Subscribe at andersonmancini.dev
Higher resolution video at: www.youtube.com/watch?v=hIRe...
Higher resolution video at: www.youtube.com/watch?v=hIRe...
October 12, 2025 at 7:22 PM
#threejs r181 is going to be insane. I’ve been playing with it before release — and we finally have native Screen Space Global Illumination + SSAO via #TSL in #r3f and #WebGPU. Live link soon. Subscribe at andersonmancini.dev
Higher resolution video at: www.youtube.com/watch?v=hIRe...
Higher resolution video at: www.youtube.com/watch?v=hIRe...
Did you know that you can integrate Gaussian Splatting with #threejs meshes for hyper-realistic surroundings + interactivity? This is a powerful combo that significantly improves realism.
Live link: threejs-gaussian-splatting.vercel.app
Live link: threejs-gaussian-splatting.vercel.app
September 17, 2025 at 1:22 PM
Did you know that you can integrate Gaussian Splatting with #threejs meshes for hyper-realistic surroundings + interactivity? This is a powerful combo that significantly improves realism.
Live link: threejs-gaussian-splatting.vercel.app
Live link: threejs-gaussian-splatting.vercel.app
Live link for the Apple Liquid Glass via #threejs is here: appleliquidglass.vercel.app
Source code will be available soon 😊
#creativecoding #WWDC25 #r3f
Source code will be available soon 😊
#creativecoding #WWDC25 #r3f
June 12, 2025 at 5:39 PM
Live link for the Apple Liquid Glass via #threejs is here: appleliquidglass.vercel.app
Source code will be available soon 😊
#creativecoding #WWDC25 #r3f
Source code will be available soon 😊
#creativecoding #WWDC25 #r3f
#iOS26 Apple Liquid Glass via #threejs and React Three Fiber looks sick 🤩.
I will be releasing the source code soon. Do you want it? Please sign up for my newsletter: andersonmancini.dev
#creativecoding #WWDC25
I will be releasing the source code soon. Do you want it? Please sign up for my newsletter: andersonmancini.dev
#creativecoding #WWDC25
June 10, 2025 at 6:20 PM
#iOS26 Apple Liquid Glass via #threejs and React Three Fiber looks sick 🤩.
I will be releasing the source code soon. Do you want it? Please sign up for my newsletter: andersonmancini.dev
#creativecoding #WWDC25
I will be releasing the source code soon. Do you want it? Please sign up for my newsletter: andersonmancini.dev
#creativecoding #WWDC25
Some updates on my #threejs Classics Garage project. Now, if you're in a hurry and want to skip the game mode using ispect, you can use the Konami Code [↑ ↑ ↓ ↓ ← → ← → B A] to unlock all available features. The option is also available in settings.
www.classics-garage.com
#r3f #creativecoding
www.classics-garage.com
#r3f #creativecoding
June 9, 2025 at 6:34 PM
Some updates on my #threejs Classics Garage project. Now, if you're in a hurry and want to skip the game mode using ispect, you can use the Konami Code [↑ ↑ ↓ ↓ ← → ← → B A] to unlock all available features. The option is also available in settings.
www.classics-garage.com
#r3f #creativecoding
www.classics-garage.com
#r3f #creativecoding
I'm back to working on my water simulator for interactive experiences using #threejs. This time, I'm experimenting with #WebGPU and #TSL for better performance.
The link and potentially a tutorial will be available soon. Current version is available here: water-simulation.vercel.app
The link and potentially a tutorial will be available soon. Current version is available here: water-simulation.vercel.app
May 16, 2025 at 2:38 PM
I'm back to working on my water simulator for interactive experiences using #threejs. This time, I'm experimenting with #WebGPU and #TSL for better performance.
The link and potentially a tutorial will be available soon. Current version is available here: water-simulation.vercel.app
The link and potentially a tutorial will be available soon. Current version is available here: water-simulation.vercel.app
Just a quick #threejs tip that you can save for later: never underestimate the power of a custom envmap 😛. Using the grounded projection envmap can save millions of triangles when the user doesn't need to move in the scene.
Follow the thread 👇🏻🧵
#webgl #creativecoding #r3f
Follow the thread 👇🏻🧵
#webgl #creativecoding #r3f
May 12, 2025 at 2:09 PM
Just a quick #threejs tip that you can save for later: never underestimate the power of a custom envmap 😛. Using the grounded projection envmap can save millions of triangles when the user doesn't need to move in the scene.
Follow the thread 👇🏻🧵
#webgl #creativecoding #r3f
Follow the thread 👇🏻🧵
#webgl #creativecoding #r3f
New template on MantisXR! 🤩
Let your customers style a mannequin and mix outfits before buying. Customize your store with images, colors, brightness & effects.
👉 Start now: www.mantisxr.com/start/
Built with ❤️ using #threejs & React Three Fiber
Let your customers style a mannequin and mix outfits before buying. Customize your store with images, colors, brightness & effects.
👉 Start now: www.mantisxr.com/start/
Built with ❤️ using #threejs & React Three Fiber
April 17, 2025 at 2:59 AM
New template on MantisXR! 🤩
Let your customers style a mannequin and mix outfits before buying. Customize your store with images, colors, brightness & effects.
👉 Start now: www.mantisxr.com/start/
Built with ❤️ using #threejs & React Three Fiber
Let your customers style a mannequin and mix outfits before buying. Customize your store with images, colors, brightness & effects.
👉 Start now: www.mantisxr.com/start/
Built with ❤️ using #threejs & React Three Fiber
🚀 Launch time! Mantis lets you build immersive 3D storefronts in just a few clicks — no code needed. Bring your products to life, boost engagement, and stand out from the crowd.
Opening access today → mantisxr.com/start
Spots are limited.
#threejs #webgl #creativecoding
Opening access today → mantisxr.com/start
Spots are limited.
#threejs #webgl #creativecoding
April 8, 2025 at 10:22 PM
🚀 Launch time! Mantis lets you build immersive 3D storefronts in just a few clicks — no code needed. Bring your products to life, boost engagement, and stand out from the crowd.
Opening access today → mantisxr.com/start
Spots are limited.
#threejs #webgl #creativecoding
Opening access today → mantisxr.com/start
Spots are limited.
#threejs #webgl #creativecoding
Schumacher House is a Webby Awards Nominee 😍.
We're thrilled that our #threejs project, in partnership with
@levinriegner.bsky.social, has been recognized as one of the best in digital experiences.
Vote here: vote.webbyawards.com/PublicVoting...
Live link: 3dhouse.schumacher.com
We're thrilled that our #threejs project, in partnership with
@levinriegner.bsky.social, has been recognized as one of the best in digital experiences.
Vote here: vote.webbyawards.com/PublicVoting...
Live link: 3dhouse.schumacher.com
April 4, 2025 at 12:05 PM
Schumacher House is a Webby Awards Nominee 😍.
We're thrilled that our #threejs project, in partnership with
@levinriegner.bsky.social, has been recognized as one of the best in digital experiences.
Vote here: vote.webbyawards.com/PublicVoting...
Live link: 3dhouse.schumacher.com
We're thrilled that our #threejs project, in partnership with
@levinriegner.bsky.social, has been recognized as one of the best in digital experiences.
Vote here: vote.webbyawards.com/PublicVoting...
Live link: 3dhouse.schumacher.com
New #threejs project for MantisXR! 🎉
🔗 camden-yards.vercel.app
Dynamic physics, animated birds & clouds, lens flare, day/night toggle, and ambient sounds. Also showcasing Drei’s useBoxProjectedEnv for store interiors with great performance!
Hope you like it! 😍
🔗 camden-yards.vercel.app
Dynamic physics, animated birds & clouds, lens flare, day/night toggle, and ambient sounds. Also showcasing Drei’s useBoxProjectedEnv for store interiors with great performance!
Hope you like it! 😍
March 20, 2025 at 9:39 PM
New #threejs project for MantisXR! 🎉
🔗 camden-yards.vercel.app
Dynamic physics, animated birds & clouds, lens flare, day/night toggle, and ambient sounds. Also showcasing Drei’s useBoxProjectedEnv for store interiors with great performance!
Hope you like it! 😍
🔗 camden-yards.vercel.app
Dynamic physics, animated birds & clouds, lens flare, day/night toggle, and ambient sounds. Also showcasing Drei’s useBoxProjectedEnv for store interiors with great performance!
Hope you like it! 😍
🔊EchoFlowAI, the AI assistant, can now dress like Siri and play audio, music, etc. You never saw Siri that close 🤣.
Powered by #threejs #ChatGPT #R3F #creativecoding
Powered by #threejs #ChatGPT #R3F #creativecoding
February 14, 2025 at 12:08 PM
🔊EchoFlowAI, the AI assistant, can now dress like Siri and play audio, music, etc. You never saw Siri that close 🤣.
Powered by #threejs #ChatGPT #R3F #creativecoding
Powered by #threejs #ChatGPT #R3F #creativecoding
February 10, 2025 at 1:24 PM
🤯 The WebGPU Ocean Simulator demo created by Matsuoka-601 is absolutely insane. It works with incredible performance. All credits should go to the creator.
See it live here: waterball.netlify.app
Link to GitHub: github.com/matsuoka-601...
Link to his X profile: x.com/matsuoka_601
#WebGPU
See it live here: waterball.netlify.app
Link to GitHub: github.com/matsuoka-601...
Link to his X profile: x.com/matsuoka_601
#WebGPU
February 3, 2025 at 3:38 PM
🤯 The WebGPU Ocean Simulator demo created by Matsuoka-601 is absolutely insane. It works with incredible performance. All credits should go to the creator.
See it live here: waterball.netlify.app
Link to GitHub: github.com/matsuoka-601...
Link to his X profile: x.com/matsuoka_601
#WebGPU
See it live here: waterball.netlify.app
Link to GitHub: github.com/matsuoka-601...
Link to his X profile: x.com/matsuoka_601
#WebGPU
Jumping on the #deepseek boat, apparently, it knows more #threejs than me already 🤯🤣. This is the result of just one prompt: "创建一个使用粗线技术渲染风线的 React Three Fiber 组件". Yes, I sometimes do prompts in Chinese, which has given me better results than in English.
www.youtube.com/watch?v=Qs8l...
www.youtube.com/watch?v=Qs8l...
January 30, 2025 at 1:29 PM
Jumping on the #deepseek boat, apparently, it knows more #threejs than me already 🤯🤣. This is the result of just one prompt: "创建一个使用粗线技术渲染风线的 React Three Fiber 组件". Yes, I sometimes do prompts in Chinese, which has given me better results than in English.
www.youtube.com/watch?v=Qs8l...
www.youtube.com/watch?v=Qs8l...
Link: andersonmancini.dev
I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. Subscribe to the newsletter to stay up to date.
#threejsJourney #creativecoding #webgl #glsl
I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. Subscribe to the newsletter to stay up to date.
#threejsJourney #creativecoding #webgl #glsl
January 28, 2025 at 10:56 PM
Link: andersonmancini.dev
I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. Subscribe to the newsletter to stay up to date.
#threejsJourney #creativecoding #webgl #glsl
I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. Subscribe to the newsletter to stay up to date.
#threejsJourney #creativecoding #webgl #glsl
Live: r3f-webgpu-post-processing.vercel.app
Source: github.com/ektogamat/r3...
You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler.
I hope you like it
Source: github.com/ektogamat/r3...
You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler.
I hope you like it
January 13, 2025 at 12:09 PM
Live: r3f-webgpu-post-processing.vercel.app
Source: github.com/ektogamat/r3...
You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler.
I hope you like it
Source: github.com/ektogamat/r3...
You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler.
I hope you like it
I'm experimenting with some react three fiber with #threejs webGPU. We don't have an EffectComposer to use post-processing effects in #r3f with WebGPU API. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects...
January 11, 2025 at 12:18 PM