javascript - Wavefront 文件到 WebGL 数组的转换在某处出错

Question

我正在制作一个 WebGL 图形库，但在从 OBJ Wavefront 创建正确的数组时遇到问题(这绝对是正确的)。看起来是一个很容易修复的错误，但找不到它。想知道是否有人会认识到这种类型的错误。

您可以在此处查看实时示例: http://robjte.de/webgl/8-3d.html

以下是我怀疑导致问题的函数。

function objectify (str) {
    var vertexRegex = /^v(?:\s(-?\d+.?(?:\d+)?))\s(-?\d+.?(?:\d+)?)\s(-?\d+.?(?:\d+)?)$/gim;
    var faceRegex = /^f\s(\d+)\s(\d+)\s(\d+)$/gim;
    var commentRegex = /^\s*\#.*$/gim;
    var emptyLineRegex = /^$/gim;

    var vertices = [];
    var faces = [];

    var m, i = 0;
    while (m = faceRegex.exec(str)) {
        faces.push([m[1], m[2], m[3]]);
        i++;
    }

    var m, i = 0;
    while (m = vertexRegex.exec(str)) {
        vertices.push([m[1], m[2], m[3]]);
        i++;
    }

    return {vertices: vertices, faces: faces};
}

function facesVerticesToWebGL (obj) {
    var f = obj.faces;
    var v = obj.vertices;

    var arr = [];
    f.forEach(function (val) {
        var vArr = v[parseInt(val) - 1];
        vArr.forEach(function (val2) {
            arr.push(parseFloat(val2));
        });
    });

    return arr;
}

Answer 1

我不知道你的代码到底出了什么问题，但这里有一个 very nicely commented版本，所以也许看一下它，看看差异在哪里。