threejs 在对象上或对象旁边呈现文本答案

【问题标题】：threejs render text on or next to objectthreejs 在对象上或对象旁边呈现文本
【发布时间】：2021-05-03 06:53:25
【问题描述】：

如何使用 three.js 将文本放在其旁边或前面或在其表面上？

如果我绘制一个像盒子一样的对象，我想给这个对象一个可见的名称（类似于工具提示，但始终保持可见）。如果文本大小可以像对象大小一样调整到距离，那就太好了。

const geometry = new THREE.BoxGeometry( 1, 1, 1 );
const material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );

我正在使用 three.js 和 react-force-graph 来呈现图表。里面的对象用three.js渲染

https://threejs.org/docs/#api/en/geometries/BoxGeometry.parameters

【问题讨论】：

标签： d3.js three.js

【解决方案1】：

使用three.js 绘制文本的两种方式。首先，创建一个 div 元素，设置其位置（在您的情况下，您需要编写代码根据相机和 3d 对象的位置计算相对于画布的位置）。其次，创建文本纹理。

【讨论】：