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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/157231.html

猜你在找的JavaScript相关文章