首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >webVR初学者工具包:如何在全景查看器中创建焦点

webVR初学者工具包:如何在全景查看器中创建焦点
EN

Stack Overflow用户
提问于 2017-06-14 03:16:55
回答 1查看 74关注 0票数 0

我正在尝试使用WebVR starter kit构建一个VR教程:

Web VR Starter Kit

Web VR Starter Kit是一个Javascript库,用于轻松创建虚拟现实内容,并使其在一系列设备的web浏览器中可用。该库包括用于创建操纵3D对象的简化API。

My Code on JS bin

代码语言:javascript
复制
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全景图像将切换到下一个。我尝试创建一个焦点,以指示玩家正在观看的位置。但我不知道如何将焦点对象(小白色圆环)设置为相机的父对象。

EN

回答 1

Stack Overflow用户

发布于 2017-06-14 04:20:49

代码语言:javascript
复制
var focus = VR.camera.torus({radius:0.02,
       tube:0.01,
       color:"white",
       });

这是从父摄影机创建子摄影机的方法。

var焦点= VR.camera.torus

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44529822

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档