如何在"webgl_interactive_cubes"示例中使用"OculusRiftEffect.js"

Question

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

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

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

window.innerWidth*2

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

我的问题摘要:

1. 如果我想在任何例子中应用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( scene, camera );在render();

2. 我很好奇知道如何

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

   作品.为什么需要传递参数1？如果我换mouse.x到了怎么办？mouse.x * 2

3. 需要使用双显示器才能完全呈现这种效果？

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

这是我的DEMO链接:

1. http://goo.gl/VCKyP

2. http://goo.gl/xuIhr

3. http://goo.gl/WjqC0

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

Answer 1

第三个就是你的例子吧？

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

您的示例全部有效，只有第三个示例必须出现控件问题。如果我从 Stats-DIV (FPS) 中拖动移动，它就会起作用。