Three.js 鼠标悬停时修改环境地图

我是3JS新手，我想学习一些关于这个库的知识。。。但是，在我看来，几乎没有文档

问题是:

我有一个SphereGeometry，我想通过鼠标事件给它一些交互性，我使用three.DomeEvent.object3d.js来表示“mouseover”和“mouseout”事件，使缩放属性变大或变小。但我无法在鼠标悬停被触发时修改球体材质，因为什么都没有发生。我的代码是：

sphere.on（'mouseover'，函数（事件）{
事件.target.scale.x*=2；
事件.target.scale.y*=2；
事件.target.scale.z*=2；
event.target.material.envMap=textureCube；
event.target.material.combine=3.MixOperation；
event.target.material.reflectivity=0.15；
}).on（'mouseout'，函数（事件）{
事件.target.scale.x*=0.5；
事件.target.scale.y*=0.5；
事件.target.scale.z*=0.5；
event.target.material.envMap=null；
event.target.material.combine=3.MixOperation；
event.target.material.reflectivity=0；
});

textureCube是skyboxMesh的一组JPEG，其代码为：

var r=“images/”；
var url=[r+“px.jpg”，r+“nx.jpg”，
r+“py.jpg”，r+“ny.jpg”，
r+“pz.jpg”，r+“nz.jpg”]；
textureCube=THREE.ImageUtils.loadTextureCube（URL）；

任何帮助都将不胜感激

---

谢谢

如果要从材质中添加或删除环境贴图，则必须添加

material.needsUpdate = true;

查看“如何更新内容”文档：

three.doEvent.object3d.js

不是库的一部分，所以我不能对此发表评论

3.js r.52