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

时间:2013-05-28 17:50:36

标签: three.js webgl oculus

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

但我很好奇,如何将此效果应用于其他示例?所以我尝试在“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. 该怎么办?
  4. 需要使用双显示器才能完全呈现这种效果吗?

  5. 注意:我的英语不是很好,如果我描述的不清楚,请提出疑问,我会尽快回复。

    这是我的DEMO链接:

    1. http://goo.gl/VCKyP

    2. http://goo.gl/xuIhr

    3. http://goo.gl/WjqC0

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

1 个答案:

答案 0 :(得分:0)

第三个是你的例子吗?

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

你的例子全部工作,只有第三个例子需要控制问题。如果我从Stats-DIV(FPS)拖动移动它可以工作。