three.js – 如何在“webgl_interactive_cubes”示例中使用“OculusRiftEffect.js”

当我第一次在 mrdoob/three.js · GitHub网站上看到这个例子( webgl_geometry_minecraft_oculusrift)时,我感到非常兴奋.毫无疑问,它非常棒！

但我很好奇,如何将此效果应用于其他示例？所以我尝试在“webgl_interactive_cubes”中实现这个效果.但是,实验结果比预期差.

我的问题是我无法准确地将光标对准特定的立方体以使其改变颜色,这似乎与投影功能有关？然后我像这样调整了屏幕宽度系数

window.innerWidth * 2

在整个计划中.但仍然无法改善这个问题.

我的问题摘要：

>如果我想在任何例子中应用Oculus Rift效果,我该怎么办？顺便说一句,我只添加了以下代码

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

        // Right Oculus Parameters are yet to be determined
        effect.separation = 20;
        effect.distortion = 0.1;
        effect.fov = 110;

在初始化块init();并最终添加了effect.render(场景,相机);在render();
>我很好奇知道如何

var vector = new THREE.Vector3(mouse.x,mouse.y,1);
projector.unprojectVector(vector,camera);

作品.为什么需要传递参数1？如果我将mouse.x更改为mouse.x * 2该怎么办？
>需要使用双显示器才能完全呈现这种效果？

注意：我的英语不是很好,如果我说的不清楚,请问你的疑惑,我会尽快回复.

这是我的DEMO链接：

> http://goo.gl/VCKyP
> http://goo.gl/xuIhr
> http://goo.gl/WjqC0

我的文件夹：https://googledrive.com/host/0B7yrjtQvNRwoYVQtMUc4M1ZZakk/

解决方法

第三个是你的例子吗？

这可以帮助您以更简单的方式使用OR效果：
https://github.com/carstenschwede/RiftThree

并且您的示例可以正常运行,只需要第三个就可以解决控件问题.如果我从Stats-DIV(FPS)拖动移动它是有效的.

原文地址：https://www.jb51.cc/js/157231.html