Three.js无限循环崩溃

如何解决Three.js无限循环崩溃

我正在尝试创建一个“字母”函数库，该函数返回顶点坐标中的字母。目标是能够使用交互式PointsCloud编写单词/句子。使用TextGeometry不起作用，因为它不能产生足够的顶点。

W（）函数将添加所有手动输入的角点。 Draw（）函数在手动输入的点之间“绘制”顶点。

我遇到的问题是我的代码导致“潜在的内存不足错误”崩溃，我不确定为什么。 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,new THREE.Vector3(0,new THREE.Vector3(5,new THREE.Vector3(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)

解决方法

已解决：

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

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

应该是...

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