关于javascript:如何在three.js中操作截锥体

How to manipulate frustum in three.js

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

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

但是,似乎需要一个非对称的相机平截头体。这意味着相机的平截头体以某种方式固定在渲染对象上。

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

在这里你可以看到我相机上的俯视图。

直视对象

></p>
<p>将相机向左移动后</p>
<p><img src=


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

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


你可以使用 setViewOffset 来扭曲截锥体。您还可以直接操作相机投影矩阵。