webVR入门套件:如何在全景查看器中制作焦点

时间:2017-06-13 19:16:55

标签: webvr

我正在尝试使用WebVR入门套件构建VR游览:

Web VR Starter Kit

Web VR Starter Kit是一个Javascript库,可以轻松创建虚拟现实内容,并在各种设备上的Web浏览器中使用。该库包含一个用于创建操作3D对象的简化API。

My Code on JS bin

var mark1 = VR.torus({radius:0.2,
           tube:0.01,
           color:"#efe2a2",
           });

var focus = VR.torus({radius:0.02,
           tube:0.01,
           color:"white",
           });

var img1 = "//i.imgur.com/Rp4hJKX.jpg?1";
var img2 = "http://blog.topazlabs.com/wp-content/uploads/2013/07/Screen-Shot-2013-12-11-at-10.42.18-AM.png"
var img3 = "https://i1.wp.com/www.samrohn.com/wp-content/uploads/tobacco-warehouse-panorama.jpg?fit=1000%2C500";
var imgs = [img1, img2, img3];
var i = 0;

mark1.moveTo(0,0,0);
focus.moveTo(0,1.5,0);
focus.parent=VR.body;

VR.panorama(imgs[i]);

VR.on('lookat', function(target){
    if (target === mark1.object)
        i = (i+1)%3;
        VR.vibrate(250);
        VR.panorama(imgs[i]);
    });

如果玩家正在看mark1,VR全景图像将切换到下一个。我尝试创建一个指示玩家正在看的位置的焦点。但是我不知道如何将焦点对象(小白色圆环)放到相机上。

1 个答案:

答案 0 :(得分:0)

var focus = VR.camera.torus({radius:0.02,
       tube:0.01,
       color:"white",
       });

这是从父相机创建子项的方法。

var focus = VR.camera.torus