在webgl中创建长方体(不是立方体)
有人能给我提供一个完整的webgl代码来创建一个长方体(不是立方体)吗 我试图在init buffers()中使用以下坐标在webgl中创建长方体(不是立方体),webgl,Webgl,有人能给我提供一个完整的webgl代码来创建一个长方体(不是立方体)吗 我试图在init buffers()中使用以下坐标 问题在右侧,当我旋转相机时,随着旋转度的增加,X与Y合并。我发现了我的错误,实际上坐标中没有任何错误。问题是由于近屏幕剪裁器。我只是更改了它的值,它工作了 有人能给我提供一个完整的webgl代码来创建一个长方体(不是立方体)吗??不。堆栈溢出不是一种代码编写服务。这就是为什么我添加了坐标并添加了描述,以便任何人都可以检查它们是否存在任何问题。在这种情况下,您的错误是不可再现
问题在右侧,当我旋转相机时,随着旋转度的增加,X与Y合并。我发现了我的错误,实际上坐标中没有任何错误。问题是由于近屏幕剪裁器。我只是更改了它的值,它工作了 有人能给我提供一个完整的webgl代码来创建一个长方体(不是立方体)吗??不。堆栈溢出不是一种代码编写服务。这就是为什么我添加了坐标并添加了描述,以便任何人都可以检查它们是否存在任何问题。在这种情况下,您的错误是不可再现的,您的问题和答案对任何人都没有帮助--请将两者都删除!
cuboidVertexPositionBuffer1 = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, cuboidVertexPositionBuffer1);
vertices = [
//front face
0.0, 0.0, 0.0,
0.0154, 0.0, 0.0, //X
0.0154, 0.062, 0.0,
0.0, 0.062, 0.0,
// Back face
0.0, 0.0, -0.04,
0.0, 0.062, -0.04,
0.0154, 0.062, -0.04,
0.0154, 0.0, -0.04,
// Top face
0.0, 0.062, -0.04,
0.0, 0.062, 0.0,
0.0154, 0.062, 0.0,
0.0154, 0.062, -0.04,
// Bottom face
0.0, 0.0, -0.04,
0.0154, 0.0, -0.04, //Y
0.0154, 0.0, 0.0,
0.0, 0.0, 0.0,
// Right face
0.0154, 0.0, -0.04,
0.0154, 0.062, -0.04,
0.0154, 0.062, 0.0,
0.0154, 0.0, 0.0,
// Left face
0.0, 0.0, -0.04,
0.0, 0.0, 0.0,
0.0, 0.062, 0.0,
0.0, 0.062, -0.04
];
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(vertices), gl.STATIC_DRAW);
cuboidVertexPositionBuffer1.itemSize = 3;
cuboidVertexPositionBuffer1.numItems = 24;
cuboidVertexIndexBuffer1 = gl.createBuffer();
gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, cuboidVertexIndexBuffer1);
var cubeVertexIndices = [
0, 1, 2, 0, 2, 3, // Front face
4, 5, 6, 4, 6, 7, // Back face
8, 9, 10, 8, 10, 11, // Top face
12, 13, 14, 12, 14, 15, // Bottom face
16, 17, 18, 16, 18, 19, // Right face
20, 21, 22, 20, 22, 23 // Left face
];
gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, new Uint16Array(cubeVertexIndices), gl.STATIC_DRAW);
cuboidVertexIndexBuffer1.itemSize = 1;
cuboidVertexIndexBuffer1.numItems = 36;