Three.js无限循环崩溃

Question

我正在尝试创建一个"letter"函数库，用于返回顶点坐标中的字母。目标是能够使用交互式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,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)

Answer 1

已解决：

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

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,int,u,u+1)
}