webgl入门实例-10正交投影基本概念

WebGL 正交投影

正交投影(Orthographic Projection)是WebGL中常用的一种投影方式，它保持物体的平行线在投影后仍然平行，不会产生透视效果(近大远小)。

正交投影基础

正交投影的特点是：

• 保持物体的实际尺寸不变
• 平行线在投影后仍保持平行
• 没有透视缩短效果

在WebGL中实现正交投影

1. 使用矩阵库

通常我们会使用矩阵库(如gl-matrix)来创建正交投影矩阵：

import {
   
    mat4 } from 'gl-matrix';

// 创建正交投影矩阵
const projectionMatrix = mat4.create();
mat4.ortho(projectionMatrix, left, right, bottom, top, near, far);

2. 手动创建正交投影矩阵

也可以手动创建正交投影矩阵：

function createOrthographicMatrix(left, right, bottom, top, near, far) {
   
   
    const dst = new Float32Array(16);
    
    dst[