javascript - 如何在three.js中操作截锥体

Question

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

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

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

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

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

直视对象

将相机向左移动后

Answer 1

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

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

Answer 2

你可以使用setViewOffset如此倾斜的截锥体。您还可以直接操作相机投影矩阵。