【问题标题】:CSS3D renderer with Orthographic camera canvas origin changing?正交相机画布原点改变的 CSS3D 渲染器?
【发布时间】:2016-03-14 12:39:58
【问题描述】:

将相机从透视更改为正交时,相机位置似乎也发生了变化,因此 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 );

视角

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

【问题讨论】:

标签: javascript three.js


【解决方案1】:

CSS3DRenderer 不支持OrthographicCamera

three.js r.73

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-10-07
    • 2013-11-21
    • 1970-01-01
    • 1970-01-01
    • 2010-11-01
    • 1970-01-01
    • 2015-07-16
    • 2023-04-08
    相关资源
    最近更新 更多