aframe - 一个框架。滚轮滚动放大

Question

我已经浏览了官方文档，但无法找到有关放大/缩小全景图像的可能性的信息，A-Frame是否支持它，或者可能有一个阅读有关在其之上实现一些 two.js 的解决方法？

Answer 1

这可能是 2018 年更清洁的方式。我将 Aframe 相机的变焦限制为 1-5，这样它就不会变得太困惑。我刚刚测试了这个，它的工作效果很好。希望它对其他人有帮助。

window.addEventListener("mousewheel", 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);
  });