1

我编写了一个代码来为 WebGL 中的 3D 眼睛设置动画。我不明白的是为什么 Javascript 中的右手值可以在循环中改变。以下是部分代码：

function start() {
    ...
    if (GL) {
        ...
        tick();                       // For animation
    }
}

function tick() {
    requestAnimationFrame(tick);
    updateTime();
    drawScene();
}

function updateTime() {
    curTime = (new Date).getTime();
    if (lastTime) {                                 // Initial value: lastTime = 0
        var delta = curTime - lastTime;
        eyeFrame = Math.round((delta%60000)/20);    // Initial value: eyeFrame = 0
    } else {
        lastTime = curTime;
    }
}

function drawScene() {
    updateBuffers(eyeFrame);
    ...
}

function updateBuffers(idx) {
    curV = V;                         // V is the 3D coordinates, must not change
    for (i=0; i<2; i++) {
        for (j=0; j<329; j++) {
            curV[i][3*j] += (xEyes[i][4*j]*eyeMov[idx][0]+xEyes[i][4*j+1]*eyeMov[idx][1]+xEyes[i][4*j+2]*eyeMov[idx][2]+xEyes[i][4*j+3]*eyeMov[idx][3]);
            curV[i][3*j+1] += (yEyes[i][4*j]*eyeMov[idx][0]+yEyes[i][4*j+1]*eyeMov[idx][1]+yEyes[i][4*j+2]*eyeMov[idx][2]+yEyes[i][4*j+3]*eyeMov[idx][3]);
            curV[i][3*j+2] += (zEyes[i][4*j]*eyeMov[idx][0]+zEyes[i][4*j+1]*eyeMov[idx][1]+zEyes[i][4*j+2]*eyeMov[idx][2]+zEyes[i][4*j+3]*eyeMov[idx][3]);
        }
    }
    ...
}

V、xEyes、yEyes和zEyes的值eyeMov是从文件中读取的。我遇到的问题是从第二次访问时updateBuffers()，值发生了V变化。但是V等式左边的代码中没有任何地方。任何建议如何解决这个问题？

4

2 回答 2

1

在 Javascript 中使用复制数组=始终是通过引用。要按值复制数组，slice()应使用该方法，如本页所示：创建多维数组的副本，而不是引用 - JavaScript。

于 2013-09-17T01:50:57.257 回答
1

将旧数组的每个属性复制到 for 循环中的某个新数组

    var curV = [];
    for (var i=0, vl = V.length; i<vl ; i+=1) {
        curV[i] = V[i];
    }

如果您需要经常这样做，请将其概括为一个函数，该函数将返回数组的副本。您也可以使用 slice 方法，如下所述。

Javascript 知道两种日期类型——原始类型（字符串、布尔值、数字、未定义、空值）和引用类型（对象）。原始类型“保存”它们的值，引用类型只是指向内存中其他位置的“指针”。当您使用基元时，您使用（恒定大小）值，当您使用引用时，您使用指针（因为对象大小可能会有所不同）。

也就是说，为什么不能直接复制数组。因为你只复制指针，而不是值。

切片和 for 循环复制返回浅拷贝 - 任何引用类型都将再次被引用。

于 2013-09-16T11:14:42.307 回答