babylon.js如何在模型上添加文字

Babylon.js是一款基于WebGL的3D游戏引擎，它允许你在3D场景中添加文本。要在模型上添加文字，你可以通过创建TextMesh或 BillboardText 来实现。以下是简单的步骤：

1. **导入所需的模块**：

   import { Engine, Scene, TextBlock } from 'babylonjs';

2. **初始化引擎和场景**：

   const engine = new Engine(canvas, options);
   const scene = new Scene(engine);

3. **创建TextBlock对象**：

   const textBlock = new TextBlock("Hello, Babylon!", {
       size: "100px",
       fontFamily: "Arial", // 设置字体
       color: "#ffffff", // 设置颜色
       height: 1, // 文本框高度
       maxLines: 1, // 显示单行文本
   });

4. **定位TextBlock到模型位置**：
如果你想将文本附加到模型上，首先需要获取模型的网格几何体（Mesh），然后将其作为TextBlock的位置：

   const mesh = ...; // 你的3D模型
   textBlock.position = mesh.position;

5. **添加到场景中**：

   scene.registerAndRetainObject(textBlock);
   scene.activeCamera.attachControl(canvas);

6. **渲染场景**：

   engine.runRenderLoop(() => scene.render());