使用vue2和three.js,如何给模型自定义赋值,并且在点击的时候获取到赋的这些值,他的代码是什么
时间: 2023-03-30 15:02:32 浏览: 96
你可以使用three.js的userData属性来给模型自定义赋值,例如:
```
var mesh = new THREE.Mesh(geometry, material);
mesh.userData = { name: 'myModel', value: 10 };
```
然后在点击事件中,可以通过mesh.userData来获取赋的这些值,例如:
```
mesh.addEventListener('click', function(event) {
console.log(mesh.userData.name); // 输出'myModel'
console.log(mesh.userData.value); // 输出10
});
```
需要注意的是,点击事件需要在渲染循环中注册,例如:
```
function animate() {
requestAnimationFrame(animate);
renderer.render(scene, camera);
}
animate();
```
阅读全文