Anderson Mancini Profile Banner
Anderson Mancini Profile
Anderson Mancini

@Andersonmancini

Followers
9,670
Following
2,309
Media
650
Statuses
7,870

Creative developer from Brazil 🇧🇷 CTO @neotix . CIO @ImmersivStudios . Three.js evangelist and teacher. 📺 YouTube:

Águas Claras, Brasília
Joined March 2009
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
Pinned Tweet
@Andersonmancini
Anderson Mancini
1 year
The course is live on Udemy😍. It is a fast course with 2h30 of content. Come learn how to create a beautiful configurator using #threejs with React Three Fiber. Hope you like it and see you there🙏.
27
36
368
@Andersonmancini
Anderson Mancini
1 year
⚡️Live: It's finally live. My most complete configurator using #threejs to date is live and I'm extremely happy with the result. I'm going to share a series of videos talking about some development secrets soon🤫. I hope you like it😀. #threejsJourney
36
102
1K
@Andersonmancini
Anderson Mancini
1 year
😍 I'm excited that my VR SEAT SELECTOR #threejs experience is on the nominee list of @Awwwards . Vote on it at .
36
78
952
@Andersonmancini
Anderson Mancini
2 years
⚡️Live link: What if we could select our seats in 3D? How cool would it be to be able to hear the spatial audio experience before buying? Soon you will be able to do this and much more with this new product we are developing in #threejs 😍 #threejsJourney
45
114
847
@Andersonmancini
Anderson Mancini
2 years
⚡️Free course: After creating 10+ projects, as promised, this is a quick course on how to create scrollable pages using #threejs , @greensock and @pixotronics . The video is one hour long, from design to code. I hope you enjoy it. 42yo 🥳🎂 #threejsJourney
22
124
831
@Andersonmancini
Anderson Mancini
2 years
Hi 👋🏻😊. The 3rd and final part of my free #threejs quick course will be published on Monday. Let's learn how to create the interface that allows you to configure the model. Hope you like it 👍🏻. #threejsJourney #creativecoding
11
62
667
@Andersonmancini
Anderson Mancini
1 year
I felt inspired to recreate the beautiful header from pipe's website but using #threejs instead of video. And with the right post-processing effects, the remastered version has lights that respond to mouse movement with less than 1.7 MB😊. Live link soon. #threejsjourney
16
41
567
@Andersonmancini
Anderson Mancini
2 years
From the first time I saw this work by @dasTom I was fascinated. I wanted to show that creating it using #threejs is not as difficult as it looks. It has only 240 lines of code. The live link and the source code will be published this week. #creativecoding #webgl #threejsJourney
20
48
546
@Andersonmancini
Anderson Mancini
2 years
⚡️Live: What if @Apple released a new sunlight-powered Watch Pro at #AppleEvent ? I imagined what the page would look like using #threejs , @pixotronics and @greensock . What do you think? Soon the breakdown video 😍. #threejsJourney #creativecoding
26
63
546
@Andersonmancini
Anderson Mancini
11 months
⚡️Live: I'm happy to announce that my new Ultimate Lens Flare component for react three fiber is ready😍. I can't wait to see what you create with it. I hope you like it. Please share it so we can reach more developers #threejs #threejsJourney #r3f
25
60
509
@Andersonmancini
Anderson Mancini
3 months
<FlameMaterial /> GLSL shaders + #threejs is pure gold😍 Watch the creative process of delivering unique materials for @Lunakepio #r3f project FakeGlow will be available soon ;). I found a new shaders course that is fantastic to learn it. More details soon🤫 #threejsJourney
29
42
513
@Andersonmancini
Anderson Mancini
1 year
⚡️My first #Threejs course with React Three Fiber will be available soon 😬. Using the scene that @0xca0a and I created together, the shorter version will be FREE on YouTube. 💸The complete will have 2h30 of content on Udemy, from design, through blender and coding. Stay tuned 🫶🏻
27
45
500
@Andersonmancini
Anderson Mancini
2 years
As promised, that gallery is now inside #Threejs running in the browser at 60 FPS. But I discovered some bugs in the model so I'm going to redo the whole bake again 😀. The reflection on the floor is Mesh Reflector from @0beqz . Thank you again #creativecoding #threejsJourney
15
42
493
@Andersonmancini
Anderson Mancini
2 years
Some updates do not gallery scene in #threejs . Now the lights are much better, the reflection has more resolution and a normalmap. We have more detail in the scene, smoother camera movements. And with a new bake, now the file has dropped from 2mb to 800kb. #creativecoding #webgl
22
38
473
@Andersonmancini
Anderson Mancini
1 year
⚡️Live: You don't always need to use 3D elements in #threejs . In this example, a simple plane with a normal/displacement texture and lights that follows the mouse gives nice effects😍 The source code is here: #threejsJourney #r3f
14
49
470
@Andersonmancini
Anderson Mancini
3 months
<mesh> <FakeGlowMaterial /> </mesh> A new component is coming. A very simple, easy-to-use, fake glow material. This can create a glow around the mesh without any post-processing. Available soon for vanilla #threejs and #react three fiber 😍 #threejsJourney
35
47
467
@Andersonmancini
Anderson Mancini
5 months
I'm officially impressed! #LumaAI integration with #threejs is incredible🤯. Finally, we can have photorealistic 3D with Gaussian Splatting inside our threejs scenes. This is a game changer for vegetation. Still WIP, but it is promising. Live link soon ⚡️ #3DGS #threejsJourney
17
53
460
@Andersonmancini
Anderson Mancini
2 years
I'll never get tired of looking at that @threejs autofocus depth of field post-effect. It looks so much like a camera. And it's not that hard to achieve. In the end, I show some lines of code that do this. #threejs #webgl #creativecoding
10
47
458
@Andersonmancini
Anderson Mancini
2 years
One quick tip: Generally, the best way to quickly visualize what your scene might look like inside the #threejs after the lights are baked is to use #Blender3d Evee. The result is almost the same. Next, I will post a video of this same scene but inside threejs. #creativecoding
14
35
426
@Andersonmancini
Anderson Mancini
2 years
Live: Source code: As promised, here is the landing page made in #threejs using WEBGi from @pixotronics with the help of @repalash . Now, you can use the source code + tutorial to create your own 😍. #threejsJourney #creativecoding
8
66
430
@Andersonmancini
Anderson Mancini
5 months
New #threejs project live using #r3f , @greensock , and a lot of #glsl shader magic for @mymusclechef 😍. ⚡️Llive link: I will publish a more detailed tutorial teaching some of the tricks as soon as possible 😬. Hope you like it! #threejsJourney
26
45
429
@Andersonmancini
Anderson Mancini
1 year
He is alive⚡️. My new AutoFocusDOF component for #r3f React Three Fiber is available here: Example: Gist: I hope you like it 🤗. Please share and leave a star on GitHub. #threejsJourney #threejs
13
57
423
@Andersonmancini
Anderson Mancini
2 years
The concert hall is working on #threejs now. I'm using @0beqz Screen Space Reflections. 60FPS of pure beauty 😊. This will be my first real product to market. I still have some work to do, but I will publish the live link this week😍. #threejsJourney
18
37
418
@Andersonmancini
Anderson Mancini
2 years
To celebrate my birthday, this Saturday I will launch a free course on how to create immersive experiences with @greensock , #threejs and @pixotronics . It will be my first detailed training on this. Hope it helps you on your #threejsJourney 😍. Follow me on YouTube to get the 🔔.
30
50
406
@Andersonmancini
Anderson Mancini
2 years
Live: 💍Here is the #threejs jewelry landing page live link using @pixotronics with smooth materials transitions by @greensock , and a configurator. Hope you like it😊 #creativecoding #threejsJourney
20
49
398
@Andersonmancini
Anderson Mancini
2 years
😊Free course part 2 using #threejs , @greensock , and @pixotronics is live. Let's learn how to make the last section of the page enable interaction with the model and get everything ready to configure it. Hope you like it! #threejsJourney
5
43
395
@Andersonmancini
Anderson Mancini
1 year
🤗This will be my first utility component for #r3f React Three Fiber. Just import it and you'll have AutoFocus DOF on meshes, adjusting bokeh, focal length, etc. Maybe this can be added to Drei one day @0xca0a . It will be released soon so stay tuned. #threejs #threejsJourney
20
33
384
@Andersonmancini
Anderson Mancini
10 months
Custom shaders can also be helpful for making things more noticeable for user interactions, which is very good for a better UX. Here, I'm using my #threejs predatorCloakMaterial to change the color of that wall with animated interactivity😍.
19
31
374
@Andersonmancini
Anderson Mancini
2 years
It's always surprising to me how much @threejs is able to squeeze details out of a normal map. Another very simple project resulting from the amazing #threejsJourney course by @bruno_simon . Live link here: #creativecoding
12
24
371
@Andersonmancini
Anderson Mancini
5 months
My new holographic material for #threejs using #r3f is almost ready 😍. I added some controls to make customization easier. It does not require any post-processing and to use it, simply replace the material of any mesh. It will be released this week 🔥. #threejsJourney #glsl
15
28
361
@Andersonmancini
Anderson Mancini
11 months
My secret ingredient for realistic scenes in #threejs is post-processing. Thanks to @N8Programs , we now have Screen Space Ambient Occlusion with excellent performance. The difference between the default render and the effect is huge. Thanks again😍 #r3f #threejsJourney
19
33
356
@Andersonmancini
Anderson Mancini
2 years
Continuing my #threejsjourney , I found that it's not always necessary to procedurally animate everything. These birds are simple models that are animated in the blender and then moved as a group. Simpler, faster and lighter for the GPU.😜 #threejs #webgl #creativecoding
7
38
347
@Andersonmancini
Anderson Mancini
2 years
It is very important to study and always try new ways. When I started, I only knew how to animate the camera smoothly with TweenJS. There were many lines of code. Now, with GSAP, everything is much simpler and cleaner. New live Link soon😀. #threejs #creativecoding #webgl
10
34
348
@Andersonmancini
Anderson Mancini
13 days
⚡️Live link: This is my most complex #threejs project so far. Lots of learnings, new components, and knowledge that I will start sharing soon. Please let me know if you have unlocked all the features✨ I hope you like it 😍 #threejsJourney #glsl #r3f
35
45
353
@Andersonmancini
Anderson Mancini
1 year
⚡️Live: This #threejs demo turned out to be an invitation for you to join our #threejsmonthlytalk server on discord 😊. There, you will be able to listen to past episodes, talk to the community, etc. The tutorial will be posted soon ;).
12
42
347
@Andersonmancini
Anderson Mancini
2 years
I am more than happy and flattered to announce that my experience with @threejs has been awarded an honorable mention at @awwwards . Thank you so much for the recognition! Means a lot to me. Thanks to everyone who voted. #threejs #webgl #creativecoding
12
14
339
@Andersonmancini
Anderson Mancini
5 months
My Holographic Material for #threejs / #r3f is ready😍. It is very easy to use and with good documentation. ⚡️You can download it now The vanilla version is coming soon. Please, leave a star on GitHub if you can🙏🏻. #threejsJourney
20
38
330
@Andersonmancini
Anderson Mancini
2 years
The post-processing effects of #threejs always amaze me. I put in day mode an RGB distortion on the edges and Bokeh. And in the night escape mode, I added the Bloom and Film effect, which made the light effect much more dramatic🤤. #creativecoding #webgl 1/2
2
27
325
@Andersonmancini
Anderson Mancini
2 years
It is alive! #threejs in the real estate market as an interactive element. Keeping the performance reasonable is still a challenge, but I was happy with the result. Hope you like it: #creativecoding #threejsjourney #webgl
7
23
315
@Andersonmancini
Anderson Mancini
7 months
New project delivery 😍. Created in 15 days for @mymusclechef , these pages have that perfect dose of #gsap , #threejs , and #r3f . Featuring shader transitions, post-processing, and more. We hope you like it 🥗🍲🍝 #threejsJourney
18
27
311
@Andersonmancini
Anderson Mancini
1 year
My new #r3f Lens Flare component also supports vector positioning of artificial sun. Also added new parameters to the user interface for more flexibility😍. Using this component with @BlockadeLabs is just stunning. Available soon⚡️. #threejs #threejsJourney
27
39
312
@Andersonmancini
Anderson Mancini
2 years
Almost all done! I loved the transition from outside the building to inside the apartment. I thought it wouldn't work well, but the transition worked with good performance. The link to access it will be posted tomorrow.🤗 #threejs #webgl #creativecoding
22
25
309
@Andersonmancini
Anderson Mancini
11 months
The use of custom shaders in #threejs is not only useful for post-processing effects. In this #r3f project, I'm using one to make this dynamic mask for a fancy hover effect that captures the user's attention🫶🏻. Inspired by @aqro @codrops Live link soon ✨
8
33
305
@Andersonmancini
Anderson Mancini
2 years
Live link here: This is my most complete @threejs project so far. There are so many different techniques in use together. I'll do some additional posts to cover all the details. Again, thanks to @mrdoob @bruno_simon #threejsJourney . #creativecoding #webgl
17
30
306
@Andersonmancini
Anderson Mancini
1 month
Adding the gamification component to the #threejs classics garage project. You will be able to use an X-ray feature to inspect the car to collect interesting facts about it and unlock additional content. Next step: Make the items collectible😍 #threejsJourney #r3f #buildinpublic
14
19
307
@Andersonmancini
Anderson Mancini
3 months
My <FakeGlowMaterial /> for #r3f is finally available. You can create glow effects through #glsl shaders and meshes without any post-processing effects😍 Live: Source: The vanilla #threejs version is coming soon. #threejsJourney
17
33
304
@Andersonmancini
Anderson Mancini
2 years
⚡️Live: Very proud of this #threejs project, this time using #reactthreefiber . On this one, I worked for 6 months with an amazing team and we created an immersive Web3.0 experience. Welcome to the future of artist-fan relationships. Welcome to @eqkeys 😍.
13
35
302
@Andersonmancini
Anderson Mancini
2 years
Experience almost finished. Doing some tests with the dozens of BokehShader2 parameters from #threejs , which allows for a smoother Depth of Field result. It's addictive and a lot of fun because each parameter completely changes the result! #creativecoding #threejsJourney #webgl
8
20
303
@Andersonmancini
Anderson Mancini
2 years
Live: Source: As promised, the final version with the live link and source code of the "Three Graces" using #threejs . Now with a magnetic menu 😍. Made possible by @dasTom , @bruno_simon , and @mrdoob #creativecoding #threejsJourney
14
53
301
@Andersonmancini
Anderson Mancini
10 months
One of the things I love most about #threejs is the Custom Shader power. You can extend materials while keeping their properties. I created this animated shader-injected iridescent glass using the @Shadertoy . Tutorial will be available soon + source code 😁 #screenshotsaturday
15
42
298
@Andersonmancini
Anderson Mancini
9 months
My lens flare for #threejs is available for FREE. It now can support transmissive occlusion as well 😍. It turned out beautiful and super easy to use. Demo: Download: Please, help me and leave a star on Github✨🙏 #threejsJourney
19
36
296
@Andersonmancini
Anderson Mancini
1 year
Almost there✨. Now my Ultimate Lens Flare for #R3F can also support transparency. It can shine through transmissive materials and control its intensity automagically. Different materials allow for more or less shine. It will be released on Monday! 😍 #threejs
11
28
292
@Andersonmancini
Anderson Mancini
5 months
My oldest #threejs was accepted as a Nominee on @awwwards 😍. It is an interactive map view of 4 Brazilian cities showing available lands, full of easter eggs and fun. You can view details and share your vote here: Hope you like it🙏🏻. #threejsJourney
10
25
290
@Andersonmancini
Anderson Mancini
2 years
I'm creating a new tutorial in #threejs using @0beqz new Screen Space Reflector, inspired by the wonderful site . Coming soon, a video showing how to do it 😊. @creativecoding @threejsJourney
15
31
284
@Andersonmancini
Anderson Mancini
1 month
Sound on 🎧 As a gamer, I always wanted a feature to listen to the car engine with a beautiful Equalizer Graph. Got it working on #threejs with the audio analyzer example by @0xca0a using #r3f 😍. That rev counter is animated real-time by the car's engine sound #threejsJourney
24
19
283
@Andersonmancini
Anderson Mancini
2 years
Live link: This time, I used the power of #threejs and @greensock to make a 3D DNA strand and achieve 3 different levels of detail depending on the GPU model. #creativecoding #webgl #shaders #threejsJourney
9
26
276
@Andersonmancini
Anderson Mancini
7 months
Finally studying particles in #threejs and doing one of the things I love most: recreating VFX in WebGL. I used this video from as a reference. And the best part: this is smaller than the video version + interactive 🤯. Live Link soon 🧵⬇️ #threejsJourney
10
25
283
@Andersonmancini
Anderson Mancini
2 years
Finally the live link: . After almost a week of work, my jewelry configurator project in #threejs is done 💍, also working on mobile devices. Hope you like it 😊 #creativecoding #webgl #threejsjourney #Webdesign #uxdesign
22
35
275
@Andersonmancini
Anderson Mancini
9 months
Almost done with the Lens Flare for Vanilla #threejs . It can now support solid mesh occlusion and translucency when the material uses a transmission above 0.1. Also setting this to THREE.Additive blending. Next step: Debug + documentation 😍. Want to be a beta tester? DM me 📧.
8
29
275
@Andersonmancini
Anderson Mancini
8 months
It is live😍. The Predator Cloak Material for #R3F is now available. Demo: Source: Thanks: @CantBeFaraz for #threejs CSM, @iced_coffee_dev for the glsl course, @0xca0a for the base shader, and #threejsJourney for core knowledge 🙏
9
39
272
@Andersonmancini
Anderson Mancini
2 years
A quick tutorial with two ways to get a glass shader in #threejs . One directly from @Blender and the other modifying the material when loading the model. If you like it, retweet it😊. #creativecoding #webgl
4
42
265
@Andersonmancini
Anderson Mancini
4 months
Celebrating Christmas 🎅🏻 with a small #threejs project using #R3F combining @blockadeLabs and #GaussianSplatting with @LumaAi . Live: Source code: Thank you very much for being with me on this #threejsJourney 🫶🏻. See you next year!
17
40
266
@Andersonmancini
Anderson Mancini
9 months
Looks who is coming to vanilla #threejs . The Ultimate Lens Flare 😍. ✨ No Post-processing is required. It will be available soon.
16
21
267
@Andersonmancini
Anderson Mancini
2 years
What happens when you teach #threejs to a game lover? This guy puts a bunch of easter eggs in the client project. Utility for the project: 0%. Fun level: 100% 😀❤️. Turn on the sound 🔊. Night mode will be our secret🤫. Live link soon. #creativecoding #threejsJourney #webgl
9
24
265
@Andersonmancini
Anderson Mancini
2 years
As promised, that model exported from #Blender3d is now inside #threejs , running at 60FPS 😍. I show a little bit of the scene optimization process. In the next video, the interface and the live link. #threejsjourney #creativecoding #webgl #archiviz
10
28
259
@Andersonmancini
Anderson Mancini
2 years
Finishing the last details to publish this new tutorial on how to use #threejs to create 3D models using particles and custom shaders to create the distortion effect, latter today 😀. Subscribe to the youtube channel: #creativecoding #threejsJourney #webgl
14
35
259
@Andersonmancini
Anderson Mancini
4 months
Flight simulator update✈️. I created a new volumetric cloud material using #r3f for #threejs . It is based on a ray marched shader, meaning good performance. Let me know in the comments if this is something interesting to be a future component🙏🏻. Live link soon. #threejsJourney
21
19
256
@Andersonmancini
Anderson Mancini
2 years
We are 2.000🥳. To celebrate, I will publish my boilerplate + video tutorial teaching how to make this from scratch. This will feature the well requested smooth camera animation and baking in Blender3D. Thank you very much for your support 😀 #threejs #webgl #creativecoding
13
28
254
@Andersonmancini
Anderson Mancini
2 years
Starting a new project in #threejs , as always, everything starts in Blender with a light setup 😊. Next: some shaders and browser real-time render preview. #creativecoding
Tweet media one
Tweet media two
Tweet media three
11
14
249
@Andersonmancini
Anderson Mancini
6 months
Great news 😀. Our #threejs Project cars using @pixotronics and @webflow is available to vote on @awwwards 😍. If you liked it, please consider dropping your vote there. Thank you.
6
18
246
@Andersonmancini
Anderson Mancini
3 months
Even though it's kind of obvious, I decided to demonstrate here how you can use my "FakeGlowMaterial" to turn it into "FakeVolumetricMaterial". It was one of the simplest materials to make, but it is proving to be quite useful over time. #threejs #r3f
10
22
250
@Andersonmancini
Anderson Mancini
3 months
Why is having multiple instances of LensFlare with exceptional performance so crucial? Let me show you the thrilling possibilities it unlocks🤩. Car headlights Lens Flare 🚗 @N8Programs and I are optimizing everything so that usage remains simple. #threejs #threejsJourney #r3f
13
27
247
@Andersonmancini
Anderson Mancini
2 years
The course is now live: In this free course, I demonstrate how to create a configurator, which was one of the things I had the hardest time learning. And after studying a lot, I tried to make it easier for you to learn. Hope you like it😊👍🏻.
10
44
243
@Andersonmancini
Anderson Mancini
2 years
👨🏻‍💻Live: . Happy to publish another #threejs experience. This time using it as a hero section, which turns into an immersive experience. A lot of learning that will be shared soon here and on youtube. I hope you like it😊 #threejsJourney #creativecoding
6
22
239
@Andersonmancini
Anderson Mancini
2 months
Creating a new kind of color picker using #threejs and #r3f . By choosing a color, we have a smooth gradient transition. But when we drag and drop the color, it makes an ink splat effect using MeshTransitionMaterial. I love UI interactions😍 Live link coming soon. #threejsJourney
15
23
240
@Andersonmancini
Anderson Mancini
6 months
I'm so happy to participate in the development of this new feature 😍. We are using some #threejs magic to create a downloadable mesh from a depth map created by AI. Now, creating 3D virtual worlds is lightning fast and some words away ✨️. #threejsJourney
@BlockadeLabs
Blockade Labs
6 months
3D world meshes are here! 🌐 Generate a skybox and turn it into a 3D mesh in seconds with Skybox AI World Mesh. Exclusive early alpha preview available now for Technowizard subscribers. Coming soon for those on the waitlist. #3DAI #3Dart #generativeAI #gamedev #AItools
29
97
434
7
27
237
@Andersonmancini
Anderson Mancini
8 months
I've been very busy with projects and I haven't posted anything in a while😬. But the Predator's Cloak material is almost ready. Now I'm using @CantBeFaraz Custom Shader Material to make it easier to use. It will be available tomorrow😍 🧵1/4⬇️ #threejs #threejsJourney #r3f
12
33
235
@Andersonmancini
Anderson Mancini
2 years
Starting a new project in #threejs , this time trying out the fascinating wegbi by @pixotronics . In the next video, I'll show how I used it to create this design with the 3D element even before programming, without using any 3D software, just the browser 😍. Live link soon.
7
22
235
@Andersonmancini
Anderson Mancini
5 months
It's been about a year since I created this #threejs project, but I feel like it was yesterday. I love that cinematic transition, going underground to reveal an ant city that I modeled and animated in Blender😍. Hope you like it: #threejsJourney
15
21
235
@Andersonmancini
Anderson Mancini
2 years
Starting another architectural visualization with #threejs , this time taking advantage of the latest knowledge I've acquired. As always, it all starts in #blender . This has everything to be my most beautiful project. More details in the coming days 😍. #creativecoding #webgl
Tweet media one
Tweet media two
Tweet media three
23
9
229
@Andersonmancini
Anderson Mancini
2 months
An update to the #threejs Classics Garage project. Now we have a brand and intro using #glsl + @greensock new "useGSAP" hook for camera animation, which is fantastic. We also have a new scene selector. Next step: Car selector😊. #threejsJourney
249
26
231
@Andersonmancini
Anderson Mancini
20 days
Creating #threejs Spatial Computing projects using React Three Fiber with Apple #VisionPro feels a bit like nested realities. The new VR feature flag in Safari works like magic🤯 More about this soon 😍 #threejsJourney #SpatialComputing #r3f
9
25
233
@Andersonmancini
Anderson Mancini
3 months
😍I'm celebrating today! Our recent #threejs configurator with @levinriegner is a Nominee on @awwwards . It is packed with amazing things like global illumination and dynamic natural lighting all rendering in real time. Live link and vote: #threejsJourney
21
23
230
@Andersonmancini
Anderson Mancini
1 year
🧠🧵As promised, sharing my learnings with a quick tutorial on how to selectively use Bloom Pass to make objects act as lights in #threejs by importing Blender objects with custom properties. #threejsJourney #webgl I'm using it here:
9
29
225
@Andersonmancini
Anderson Mancini
1 year
⚡️Project of our new @ImmersivStudios in #threejs using #r3f React Three Fiber. The result with post-processing is amazing. Still learning a lot from #threejsJourney . Congratulations to the entire team😍. Live link coming soon. For now, visit our website:
16
24
224
@Andersonmancini
Anderson Mancini
1 year
Ultimate Lens Flare for react-three-fiber is almost done✨. We now have mesh occlusion using a reversed raycaster. The hardest so far. I loved this Star Wars Naboo Royal spaceship 3D model. Looks great with a jet engine shader. #threejs #threejsJourney 🧵> breakdown 😍
8
23
224
@Andersonmancini
Anderson Mancini
1 year
Live: Another scrollable page demo on #threejs , this time with a Rolex watch featuring @pixotronics . The clock actually works 😬. Want to learn it? . I will be adding more content to the course over time😊. #threejsJourney
18
19
222
@Andersonmancini
Anderson Mancini
3 months
const fakeGlow = new FakeGlowMaterial(); My FakeGlowMaterial for vanilla #threejs is available to download now. It is easy to use and can give you beautiful glow effects without post-processing. Please leave a star on Git Hub🙏🏻. #threejsJourney
7
23
220
@Andersonmancini
Anderson Mancini
2 years
Live link: Very happy to finish another #archiviz project in #threejs . Many things remained to be added, such as vegetation, more decoration objects. I will do an evolved version of this project soon. Hope you like it 😀. #threejsJourney #creativecoding
13
22
218
@Andersonmancini
Anderson Mancini
2 months
<VolumetricClouds /> I finished another #r3f utility component that could be useful in some cases without PP. With the right parameters, it can also act as an interesting fog. Live: Source: Enjoy 😊 #threejs #threejsJourney #webgl
10
23
217
@Andersonmancini
Anderson Mancini
5 months
This time I'm testing that same #threejs scene, but now using @pmndrs drei-vanilla's #GaussianSplatting . The results are great. I'm also using dynamic grass, but this is eating up a lot of performance. #threejsJourney 1/3🧵⬇️
16
17
213
@Andersonmancini
Anderson Mancini
5 months
That was so fast 😍. With the help of @OpenAI , my Holographic Material is ported to vanilla #threejs . It has a lot of adjustments and it is very easy to use. Download it now: CSB: Please leave me ⭐️ on GitHub🙏🏻. #threejsJourney
10
26
213
@Andersonmancini
Anderson Mancini
4 months
Wanna see another great example of how #gaussiansplatting can be useful? Placing a building into a 3D scene🤯. Here, I'm using @Polycam3D with #threejs Drei Splat component and @playcanvas super splat to clean it. Live link for this new project soon😊
5
23
211
@Andersonmancini
Anderson Mancini
5 months
Here is the link to my #GaussianSplatting tree in #threejs . How is the performance? I created an option to add more trees🌳 ⚡️ It is easy to use but let me know in the comments if you want me to share a code sample. Library links below ⬇️ #threejsJourney
8
29
210
@Andersonmancini
Anderson Mancini
1 year
😍I'm thrilled to announce my new #threejs post-processing effect. The ultimate #R3F LensFlare. It will be released soon. Stay tuned ⚡️ Thanks to @0xca0a , @MaximeHeckel , @maya_ndljk , @abernier_ , @Cody_J_Bennett and @vis_prime for the help in the @pmndrs server❤️ #threejsJourney
14
21
210
@Andersonmancini
Anderson Mancini
10 months
I love material compositing when I'm doing projects. Here, adding flakes to the car's paintwork gives additional realism to this type of material. It's a process I could do forever and never get bored 😍.
10
16
202
@Andersonmancini
Anderson Mancini
1 year
😍 I'm happy to share that @gomezsimracing 's configurator has been accepted as an @awwwards nominee, running for the site of the day. If you like the project, show your love here: . 🫶🏻 Thanks #creativecoding #threejsJourney #threejs
12
15
200
@Andersonmancini
Anderson Mancini
3 months
With some small tweaks, ray marched clouds now run on smartphones and also on smartwatches. I think the performance is good enough now! Live: When someone tells you that #threejs is too heavy to run on a website, show them this video 😬.
11
22
198
@Andersonmancini
Anderson Mancini
1 year
Imagine throwing webflow, figma, and threejs into a blender. The juice is @DoraTool . The latest design functionality with built-in Ai is so 2050! you need to try😍 BTW: This is NOT a sponsored post. I just love it.
11
23
194
@Andersonmancini
Anderson Mancini
1 year
Mom, We did it 😍! The #threejs configurator was featured on the @awwwards homepage as the element of the day today (06/03/23). I always wanted to be featured on this website🫶🏻. Thank you @gomezsimracing for making it possible. ⚡️Live:
Tweet media one
31
10
195