小编cod*_*oda的帖子

WebGL正交相机

有人可以帮助我使用以下代码:

gl.viewport(0, 0, gl.viewportWidth, gl.viewportHeight);
gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
mat4.ortho(pMatrix, 0, gl.viewportWidth, 0, gl.viewportHeight, 0.1, 100);
mat4.identity(mvMatrix);
mat4.lookAt(mvMatrix, [0, 0, -40], [0, 0, 0], [0, 1, 0]);
Run Code Online (Sandbox Code Playgroud)

完整源码http://jsfiddle.net/bepa/2QXkp/

我试图用正交相机显示一个立方体,但我看到的只是黑色.立方体应位于(0,0,0),摄像机(0,0,-40)并查看(0,0,0).

对于所有矩阵变换,我使用gl-matrix 2.2.0.

编辑:

这很好用:

mat4.perspective(pMatrix, 45, gl.viewportWidth / gl.viewportHeight, 0.1, 100.0);
mat4.identity(mvMatrix);
mat4.lookAt(mvMatrix, [0, 40, -40], [0, 0, 0], [0, 1, 0]);
mat4.rotate(mvMatrix, mvMatrix, degToRad(45), [0, 1, 0]);
Run Code Online (Sandbox Code Playgroud)

这不起作用:

mat4.ortho(pMatrix, 0, gl.viewportWidth, 0, gl.viewportHeight, 0.1, 100);
mat4.identity(mvMatrix);
mat4.lookAt(mvMatrix, [0, 40, -40], [0, 0, 0], [0, 1, 0]);
mat4.rotate(mvMatrix, mvMatrix, degToRad(45), [0, …
Run Code Online (Sandbox Code Playgroud)

orthographic webgl

4
推荐指数
1
解决办法
6629
查看次数

标签 统计

orthographic ×1

webgl ×1