javascript - CSS3D 渲染器与正交相机 Canvas 原点发生变化?

标签 javascript three.js

当将相机从透视更改为正交时,相机位置似乎也会发生变化,因此 0,0,0 位于左上角。

这种行为正确吗?

参见Example

正交

var h = window.innerHeight;
var w = window.innerWidth;

var viewSize = h;
var aspectRatio = w/h; //1 unit should be one pixel
var left = (-aspectRatio * viewSize) / 2;
var right = (aspectRatio * viewSize) / 2;
var top = viewSize / 2;
var bottom = -viewSize / 2;
var near = 1;
var far = 100;

camera = new THREE.OrthographicCamera( left, right, top, bottom, near, far );

Ortho

视角

camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000);
camera.position.z = 500;

Perspective

最佳答案

CSS3DRenderer 不支持 OrthographicCamera

三.js r.73

关于javascript - CSS3D 渲染器与正交相机 Canvas 原点发生变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34175449/

相关文章:

javascript - 如何根据另一个数组的值对一个数组的值进行排序

javascript - Webpack 不会在 npm run 上生成包文件

javascript - 如何在 Three.js 的动画循环内部运行一个函数?

javascript - 如何在 Three.js 中保存加载的模型?

javascript - 如何将所有窗口警报发送到一个文本框

javascript - 如何使用 Nightmare 点击此链接?

javascript - 从函数返回变量和 promise

three.js - 在 Webpack 中使用 Three.js 以便我可以使用 OrbitControls 的正确方法是什么?

javascript - 如何在 3D json 资源上实现基本的 LOD 机制

javascript - 在 Canvas 上操纵面部细节