一个框架。放大滚轮

Question

我已经阅读了官方文档，但无法找到有关放大/缩小panorama图像的可能性的信息，它是否在 A-Frame 中受支持，或者可能有一种解决方法可以阅读有关three.js在其上实现的一些内容?

Answer 1

这可能是 2018 年更干净的方式。我限制了 Aframe 相机 1-5 的变焦，所以它不会变得太乱。我刚刚测试了这个并且它工作得很好。希望它可以帮助其他人。

window.addEventListener("wheel", event => {
    const delta = Math.sign(event.wheelDelta);
    //getting the mouse wheel change (120 or -120 and normalizing it to 1 or -1)
    var mycam=document.getElementById('cam').getAttribute('camera');
    var finalZoom=document.getElementById('cam').getAttribute('camera').zoom+delta;
    //limiting the zoom so it doesnt zoom too much in or out
    if(finalZoom<1)
      finalZoom=1;
    if(finalZoom>5)
      finalZoom=5;  

    mycam.zoom=finalZoom;
    //setting the camera element
    document.getElementById('cam').setAttribute('camera',mycam);
  });