Three.js Font Loader Tutorial | How to Load Fonts in a Three.js Scene

Опубликовано: 19 Октябрь 2024
на канале: Suboptimal Engineer
10,353
198

In this coding tutorial, we go over how to import fonts into a Three.js scene. We start off by importing the font loader and text geometry modules. Then we use them to load a font and display it in our 3D scene. Then, we go over how to download a custom font and use the TTF loader to convert it to JSON format. Finally, we parse the JSON formatted font and add it to the scene.

📖 Code - https://github.com/SuboptimalEng/thre...
🎥  YouTube -    / suboptimaleng  
🐦 Twitter -   / suboptimaleng  
📸  Instagram -   / suboptimaleng  
💻 GitHub - https://github.com/SuboptimalEng
🌎  Website - https://suboptimaleng.com

== [ Resources ] ==
Three.js Examples - https://threejs.org/examples/

== [ Timestamps ] ==
00:00 Intro to 3D Text in Three.js
00:44 Display Text with Font Loader
02:41 Load Custom Font with TTFLoader

== [ Tags ] ==
#suboptimal #threejs #gamedev