treex.domevents.js 的点击事件不起作用

Question

我已经用谷歌搜索好几天了，但仍然找不到解决我问题的有效方法。我只想使 three.js 对象可点击。使用 threex.domevents.js 应该很容易，但看起来不适合我 ;-) 到目前为止我的代码：

    <!DOCTYPE html>
    <html>
    <head>

    <script src="scripts/three.min.js"></script>
    <script src="scripts/jquery.js"></script>
    <script src="scripts/ChromeFixes.js"></script>
    <script src="scripts/threex.domevents.js"></script>

    </head>
    <body>

    <script>
    var camera, scene, renderer, geometry, material, mesh;

    init();
    animate();

    function init() {

      h = $( window ).height();
      w = $( window ).width();


      scene = new THREE.Scene();

      camera = new THREE.PerspectiveCamera(50, w / h, 1, 10000);
      camera.position.z = 500;
      scene.add(camera);

      var shape = new THREE.SphereGeometry(20, 20, 20, 20);
      var cover = new THREE.MeshPhongMaterial();
      cover.emissive.setRGB(1, 0, 0);
      cover.specular.setRGB(0.9, 0.9, 0.9);
      var sphere = new THREE.Mesh(shape, cover);
      scene.add(sphere);



      renderer = new THREE.WebGLRenderer();
      renderer.setSize(window.innerWidth, window.innerHeight);

      document.body.appendChild(renderer.domElement);

    }

    function animate() {
      requestAnimationFrame(animate);
      render();
    }

    function render() {
      renderer.render(scene, camera);
    }

    var domEvent = new THREEx.DomEvent();

    sphere.on('click', function(object3d){ camera.position.z = 100 });


    </script>

    </body>
    </html>

Answer 1

您必须确保 threex.domevents.js 所针对的 three.js 库（很可能是 r59）与您在项目中包含的库相同。

treex.domevents.js 的点击事件不起作用

click events with treex.domevents.js don't work

three.js