关联three.js网格对象中的数据 - 在程序生成的城市中

A.K*_*A.K 0 javascript procedural-generation three.js

我正在尝试使用three.js创建一个程序生成的城市,主要由建筑物组成.要求是,当点击建筑物(用鼠标)时,应显示有关该建筑物的信息(例如名称,位置等) - 例如,作为悬停在该建筑物旁边的文本框.

我试图查看three.js网格对象(代表建筑物)是否具有可以存储此信息的任何"数据"属性.它没有.

知道如何实现这个功能吗?TIA.

Wes*_*ley 6

Object3D班有一个属性userData,你可以放心地添加自定义的数据.

由于Mesh该类派生自Object3D,它也具有该属性.

像这样使用它:

mesh.userData.name = "TheName";
Run Code Online (Sandbox Code Playgroud)

three.js r.71