如何在Three.js中操纵视锥

时间:2018-08-19 18:01:02

标签: javascript graphics three.js frustum camera-projection

我看到了视差视图的出色实现,它产生了深度错觉,我想在Three.js中构建类似的东西。

http://www.anxious-bored.com/blog/2018/2/25/theparallaxview-illusion-of-depth-by-3d-head-tracking-on-iphone-x

但是,似乎需要非对称的摄像机视锥。这意味着相机的视锥以某种方式固定在渲染对象上。

我的问题是,我如何在three.js中实现?是否可以操纵平截头角或平截头侧?

在这里您可以在我的相机上看到自顶向下的视图。

寻找对象的海峡

将摄像机向左移动

2 个答案:

答案 0 :(得分:0)

您可以使用setViewOffset来倾斜视锥。您也可以直接操纵相机投影矩阵。

答案 1 :(得分:0)

我的问题的解决方案是已经提出的投影矩阵。 更改矩阵数组的8.和9.索引会在x和y方向上进行仿射变换。

https://i.stack.imgur.com/Qrjb0.png