Step-by-Step Guide to Mesmerizing 3D Text with React Three Fiber

Опубликовано: 15 Декабрь 2023
на канале: Wawa Sensei

12,942

512

Let's learn how to make a shopping landing page with an amazing 3D Text effect with React Three Fiber

✨ Get started for free with Visme Forms 👉 https://www.visme.co/form-builder/?re...

In this project-based tutorial, we will cover the following:
RenderTexture
ReflectorMaterial
Postprocessing
CameraControls
Responsive

🚀 Learn React Three Fiber with my complete course ✨
https://lessons.wawasensei.dev/course...

Starter pack 🔗
https://github.com/wass08/r3f-vite-st...

Final code 🔗
https://github.com/wass08/r3f-3d-text...

Demo 🔗
https://r3f-3d-text-effect.vercel.app/

#threejs #developer #3Dtext

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

Camping Asset Collection by Alex Safayan
https://poly.pizza/m/3nj59_uuCbM

Camera Controls Documentation
https://github.com/yomotsu/camera-con...

▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 - Intro
00:31 - Visme Forms
01:50 - Starter Pack
02:31 - Custom font text
04:47 - 3D Assets
07:29 - Camera Animations
09:38 - Reflecting floor
10:38 - Render content in text
12:20 - Bloom effect
14:12 - Responsive camera
17:20 - Preload
18:25 - Tailwind UI
21:19 - Camera Transition
23:58 - 3D Html elements
26:55 - Conclusion

▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬

Become a member to get access to awesome perks:
   / @wawasensei

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

💻 The Discord Community
  / discord

📸 Instagram :
  / wawa.sensei

🎎 Facebook :
  / wawasenseiyt

🐦Twitter :
  / wawasensei

🐦TikTok :
  / wawasensei08

💻 My website :
https://www.wawasensei.dev

Смотрите видео Step-by-Step Guide to Mesmerizing 3D Text with React Three Fiber онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Wawa Sensei 15 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 12,942 раз и оно понравилось 512 людям.

561