ShahramShakiba / 3D-Text-p02

3D Text ⁞|⁞ A cool "3D Text" pop right in the center of the scene, with a bunch of donut-shaped "floating objects" all around it ⁞|⁞ ⚪Three.js

  3D Text  

  Description

To begin with, it is important to note that, this project have been sourced from an exceptional Three.js Journey Course.

👤 Instructed by a proficient and expert educator, "Bruno Simon" .

🫧 I'm so hyped for this awesome project I'm about to dive into❕
      Picture this: 👀
I'm gonna make a huge 3D Text pop right in the center of the scene, with a bunch of donut-shaped "floating objects" all around it. ☄️
🌊 It's gonna be absolutely mind-blowing! Let's do this!

Important

• It is crucial to grasp that the project incorporates "Three.js" and "GSAP" to build a visually impressive 3D Text.

Which Concepts Have I Covered:

1. Three.js supports 3D text geometries using the TextGeometry class, but I need a font in a specific json format known as typeface .

2. Add Helvetiker_regular.typeface Font & Attach the Text to the Scene.

3. Utilizing the "Center Method" to centralize the text.

4. Include 1000 Donuts in the Scene.

5. Randomize the placement of the Donuts to cover the entire screen evenly.

6. "Rotate" the donuts randomly in all directions.

7. Include "GSAP" Animation in both the Camera View and the Text.

Give it a go in real-time and give me a Star     3D Text

3D-Text.mp4

---

Find me around the Web