Загрузка видео...

Не удалось загрузить видео

На главную

New tutorial by Anderson Mancini on how to use AutoFocus with #threeJs and #R3F 👉 His portfolio 👉

bruno_simon's profile picture

Bruno Simon

77,991 subscribers

12,094 просмотров • 1 год назад •via X (Twitter)

Образование#threeJs#R3F
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 5

Фото профиля Kara 🦇 🔊/🔮
Kara 🦇 🔊/🔮1 год назад

Wow. That's a pretty amazing technique.

Фото профиля rherault
rherault1 год назад

Thanks for sharing Anderson's content 🙏

Фото профиля Burhan
Burhan1 год назад

That’s amazing

Фото профиля Carles Déau
Carles Déau1 год назад

💪💪💪yess

Фото профиля Piotr Obidowski
Piotr Obidowski1 год назад

Nice work @Andersonmancini 👏

Похожие видео

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding
0:36

I was asked by many people last week about how to use the new ThreeJS WebGPU inspector and control panel in React-Three-Fiber. Here is how I personally use it: Code: Demo: #threejs #r3f #creativecoding

Faraz

45,871 просмотров • 2 месяцев назад

Got my hands on the new SoftShadow that N8 Programs and ☄︎ are working on for R3F Feels so sooooft👼 #threejs #webGL #r3f
0:22

Got my hands on the new SoftShadow that N8 Programs and ☄︎ are working on for R3F Feels so sooooft👼 #threejs #webGL #r3f

Bruno Simon

40,609 просмотров • 3 лет назад

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f
1:02

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,525 просмотров • 1 год назад

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender
0:37

Sneak peek of my first portfolio with Three.js! I’m trying to make my portfolio into an interactive 3D experience like a game! Explore different areas and get to know more about me as you play around. 😁 #threejs #R3F #b3d #blender

wora_work

12,000 просмотров • 1 год назад

Having fun with InstantMesh model on Replicate and Poimandres react-three-rapier / Three.js 🪄 #react #r3f #threejs
0:56

Having fun with InstantMesh model on Replicate and Poimandres react-three-rapier / Three.js 🪄 #react #r3f #threejs

Baptiste Adrien

110,269 просмотров • 2 лет назад

Hey everyone! New beginner three.js and Blender tutorial out! Create a cozy cafe portfolio, a little bit of TSL too. Tutorial: Site: Code, Credits, Blender file, etc: #threejs #threejsJourney #tsl #b3d
0:39

Hey everyone! New beginner three.js and Blender tutorial out! Create a cozy cafe portfolio, a little bit of TSL too. Tutorial: Site: Code, Credits, Blender file, etc: #threejs #threejsJourney #tsl #b3d

Andrew Woan

18,950 просмотров • 5 месяцев назад

Today's addition to the Three.js Journey's wall of fame: John Beresford’s Portfolio 👉 Simple yet beautiful and captivating. Great job! John Beresford 👉 #threejsJourney #threeJs #webGL
0:43

Today's addition to the Three.js Journey's wall of fame: John Beresford’s Portfolio 👉 Simple yet beautiful and captivating. Great job! John Beresford 👉 #threejsJourney #threeJs #webGL

Bruno Simon

25,307 просмотров • 3 лет назад

Today's addition to the Three.js Journey's selection: Merouane Bali’s Portfolio 👉 Great job Merouane Bali ! 🔗 Find all the selected projects on Three.js Journey 👉 #threejsJourney #threeJs #webGL
2:06

Today's addition to the Three.js Journey's selection: Merouane Bali’s Portfolio 👉 Great job Merouane Bali ! 🔗 Find all the selected projects on Three.js Journey 👉 #threejsJourney #threeJs #webGL

Bruno Simon

13,729 просмотров • 1 год назад

Today's addition to the Three.js Journey's selection: Evan Provan’s Portfolio 👉 Find all the selected projects on Three.js Journey 👉 Great job Evan Provan ! 🔗 #threejsJourney #threeJs #webGL
0:45

Today's addition to the Three.js Journey's selection: Evan Provan’s Portfolio 👉 Find all the selected projects on Three.js Journey 👉 Great job Evan Provan ! 🔗 #threejsJourney #threeJs #webGL

Bruno Simon

14,610 просмотров • 2 лет назад

Today's addition to the Three.js Journey's wall of fame: David Heckhoff’s Portfolio 👉 A portfolio is one of the best opportunity to express your talent. Here's a great example. Good job David 👉 #threejsJourney #threeJs
0:25

Today's addition to the Three.js Journey's wall of fame: David Heckhoff’s Portfolio 👉 A portfolio is one of the best opportunity to express your talent. Here's a great example. Good job David 👉 #threejsJourney #threeJs

Bruno Simon

71,821 просмотров • 3 лет назад

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f
1:04

Here's what it looks like to block out a scene with Triplex — the React Three Fiber editor. Sound on 🔊 #threejs #react #r3f

mike douges

56,802 просмотров • 3 лет назад

Today's addition to the #threejsJourney's wall of fame: Henry Heffernan’s Portfolio 👉 Wait, you can play doom on it?? And to think you knew nothing about WebGL a few months before. Great job! Henry Heffernan 👉 #threejs #webGL
0:28

Today's addition to the #threejsJourney's wall of fame: Henry Heffernan’s Portfolio 👉 Wait, you can play doom on it?? And to think you knew nothing about WebGL a few months before. Great job! Henry Heffernan 👉 #threejs #webGL

Bruno Simon

55,582 просмотров • 3 лет назад

Another unreleased shader - Puddle with raindrops, splashes, ripples and lightning. Of course, all #threejs and #r3f. Best witih sound. Dont forget to hit "Start" on the demo page! Live: Code:
0:20

Another unreleased shader - Puddle with raindrops, splashes, ripples and lightning. Of course, all #threejs and #r3f. Best witih sound. Dont forget to hit "Start" on the demo page! Live: Code:

Faraz

33,915 просмотров • 1 год назад

Hey everyone!! New tutorial out!!! Create your own Papercraft web portfolios with three.js, Blender, React/React Three Fiber, and Krita! ✂️✂️✂️✂️📰📰🖋️🖋️🖋️ The video below has two example websites! Code, credits, and other files are here: #threejs #b3d #blender #r3f
0:36

Hey everyone!! New tutorial out!!! Create your own Papercraft web portfolios with three.js, Blender, React/React Three Fiber, and Krita! ✂️✂️✂️✂️📰📰🖋️🖋️🖋️ The video below has two example websites! Code, credits, and other files are here: #threejs #b3d #blender #r3f

Andrew Woan

23,269 просмотров • 6 месяцев назад

Remember this incredible video from André Cardoso on how to add game feels to your game project ? I always thought it was funny to play as a capsule which is what the player of your game most commonly is. So i'm making a Roguelike coop game with WebGPU and threejs #threejs #r3f
0:32

Remember this incredible video from André Cardoso on how to add game feels to your game project ? I always thought it was funny to play as a capsule which is what the player of your game most commonly is. So i'm making a Roguelike coop game with WebGPU and threejs #threejs #r3f

Alex

27,153 просмотров • 7 месяцев назад

🔥New tutorial! How I use #Blender #greasepencil ✏️ to create stylised VFX mixing #2D and #3D . It's a long tutorial that took me a lot to record, I hope you will enjoy it! 👉 ❤️RT are very much appreciated :) #p2design #B3D #animation #tutorial
0:42

🔥New tutorial! How I use #Blender #greasepencil ✏️ to create stylised VFX mixing #2D and #3D . It's a long tutorial that took me a lot to record, I hope you will enjoy it! 👉 ❤️RT are very much appreciated :) #p2design #B3D #animation #tutorial

Pierrick Picaut

201,078 просмотров • 3 лет назад

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
0:42

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

Anderson Mancini

25,773 просмотров • 2 лет назад

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.
1:41

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 просмотров • 1 год назад