Javascript Three.js无限循环崩溃

我正在尝试创建一个“字母”函数库，这些函数返回顶点坐标中的字母。我们的目标是能够用互动的点阵书写单词/句子。使用TextGeometry不起作用，因为它无法生成足够的顶点

函数的作用是：添加所有手动输入的角点。 函数的作用是：在手动输入的点之间“绘制”顶点

我遇到的问题是，我的代码导致了“潜在的内存不足错误”崩溃，我不知道为什么。Google Chrome将Draw（）函数中的“for”循环标记为问题所在

            function W(int) {
            w = new THREE.Geometry();
            w.vertices.push(
                new THREE.Vector3(-1,1,0),
                new THREE.Vector3(-.5,-1,0),
                new THREE.Vector3(0,1,0),
                new THREE.Vector3(5,-1,0),
                new THREE.Vector3(1,1,0)
            )
            var temp = w;
            for(var u = 0; u < temp.vertices.length; u++){
                Draw(w,int,u,u++)
            }
            return w;
        }

        function Draw(P,intensity, v1, v2)
        {
            for (var i = 0; i < intensity; i++){
                var diffX = Math.abs(P.vertices[v1].x - P.vertices[v2].x);
                var spacingX = diffX/intensity;
                if(P.vertices[v1].x-P.vertices[v2].x > 0){spacingX=spacingX*-1}

                var diffY = Math.abs(P.vertices[v1].y - P.vertices[v2].y);
                var spacingY = diffY/intensity;
                if(P.vertices[v1].y-P.vertices[v2].y > 0){spacingY=spacingY*-1}

                var diffZ = Math.abs(P.vertices[v1].z - P.vertices[v2].z);
                var spacingZ = diffZ/intensity;
                if(P.vertices[v1].z-P.vertices[v2].z > 0){spacingZ=spacingZ*-1}

                p = new THREE.Vector3(
                    P.vertices[v1].x+spacingX*i,
                    P.vertices[v1].y+spacingY*i,
                    P.vertices[v1].z+spacingZ*i
                )
                P.vertices.push(p)
            }
        }

        pointCloud = new THREE.Points(W(10), pointMaterial)
        scene.add(pointCloud)

函数W（int）{
w=新的三个几何体（）；
w、 推(
新的三矢量3（-1,1,0），
新的三矢量3（-0.5，-1,0），
新的三矢量3（0,1,0），
新的三矢量3（5，-1,0），
新三矢量3（1,1,0）
)
var-temp=w；
对于（变量u=0；u0）{spacingX=spacingX*-1}
var diffY=Math.abs（P.vertices[v1].y-P.vertices[v2].y）；
var间距=差异/强度；
如果（P.vertices[v1].y-P.vertices[v2].y>0{spacingY=spacingY*-1}
var diffZ=Math.abs（P.vertices[v1].z-P.vertices[v2].z）；
var spacingZ=diffZ/强度；
如果（P.vertices[v1].z-P.vertices[v2].z>0）{spacingZ=spacingZ*-1}
p=新的三点矢量3(
P.顶点[v1].x+间距x*i，
P.顶点[v1].y+间距*i，
顶点[v1].z+spacingZ*i
)
P.顶点推送（P）
}
}
点云=新的三个点（W（10），点材质）
场景.添加（点云）

已解决：

问题是我给数组分配了一个变量，该变量只镜像数组，而不创建新的唯一数组

  var temp = w;
            for(var u = 0; u < temp.vertices.length; u++){
                Draw(w,int,u,u++)
            }

var-temp=w；
对于（变量u=0；u

应该是

                var temp = w.vertices.length;
            for(var u = 0; u < temp-1; u++){
                Draw(w,int,u,u+1)
            }

var temp=w.vertices.length；
对于（变量u=0；u

作为一个小提示：

Draw（w，int，u，u++）

将使两个参数

v1

和

v2

都是相同的数字。如果要递增并返回递增的值，请在左侧添加

++

，如下所示：

绘制（w，int，u，++u）

。