如何使用threejs创建轴测斜/骑士/橱柜？

Question

我找到了有关如何使用 THREE.js在等距相机中创建（轴测）等距相机的示例，但是如何创建轴测斜线？

Answer 1

您可以使用一种变通方法来渲染具有倾斜柜体透视的场景，其中相机是正交的，并且在渲染之前使用剪切矩阵倾斜网格的几何图形。

// create shear matrix
var alpha = Math.PI / 6; // or Math.PI / 4

var Syx = 0,
    Szx = - 0.5 * Math.cos( alpha ),
    Sxy = 0,
    Szy = - 0.5 * Math.sin( alpha ),
    Sxz = 0,
    Syz = 0;

var matrix = new THREE.Matrix4();

matrix.set(   1,   Syx,  Szx,  0,
            Sxy,     1,  Szy,  0,
            Sxz,   Syz,   1,   0,
              0,     0,   0,   1  );

// apply shear matrix to geometry                  
mesh.geometry.applyMatrix( matrix ); // this is the work-around

这是一个小提琴。

三.js r.72