21

我有一个与three.js 相关的webgl 问题。我想将信息附加到一个对象。例如，当我单击一个对象时，我想检索一些与该对象相关的信息，例如 URL，然后使用该信息运行一个函数。

我用于查找对象的代码是：

    var vector = new THREE.Vector3((event.clientX / window.innerWidth) * 2 - 1, -(event.clientY / window.innerHeight) * 2 + 1, 0.5);
    projector.unprojectVector(vector, camera);

    var raycaster = new THREE.Raycaster(camera.position, vector.sub(camera.position).normalize());

    var intersects = raycaster.intersectObjects(objects);

    intersects[0].object.material.color.setHex(Math.random() * 0xffffff);

最后一行是我当前操作对象的方式。数组objects只是所有对象的数组。问题是我对 Raycaster 或 intersectObjects 的工作原理知之甚少，或者我对如何将任何信息与对象联系起来以便以后可以调用它的了解不够。

4

1 回答 1

29

实际上，您可以将自定义用户数据设置为 Three.js 中的对象。这里的关键是 Object3D，它是所有场景图对象的基础。文档有一个名为

Object3D.userData;

这可以加载您选择的对象，当 Raycaster 类检索您的相交时，您可以直接在该点直接访问它。

初始化或运行时的设置器

Object3D.userData = { URL: "http://myurl.com" };

碰撞吸气剂

window.location = intersects[0].object.userData.URL;
于 2013-08-19T17:14:45.857 回答