SCENE · Vite + three
TextGeometry 三维标题TextGeometry 3D title
FontLoader 加载 typeface.json,挤出文字作为场景标题。
效果预览
轻量 WebGL 示意(非完整工程实现),可拖拽旋转;完整逻辑见下方提示词。
预期产出 · Returns
Vite:加载字体后显示「HELLO」或中文备选说明,光照下 ExtrudeGeometry。
适合用在哪
展台标题、关卡名、数据大屏 3D 字样。
容易踩的坑
- 中文 TextGeometry 需含对应字形的 typeface,默认字体无中文。
提示词 · Prompt
Vite + Three.js 3D 文字:
1) FontLoader 加载 three/examples/fonts/helvetiker_regular.typeface.json;
2) TextGeometry 设置 size/height/bevel;
3) MeshStandardMaterial 金属感,居中并 fit 相机;
4) 加载中显示 Loading 文案;
5) 注释中文需合适 typeface 文件;
6) OrbitControls。
若路径问题,使用 import 或 public 目录放 json。
完整项目文件。
Vite FontLoader + TextGeometry extruded title, metal material, loading state.