YL

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.

相关提示词

标签