Мой код Javascript выдает эту ошибку: «Uncaught TypeError: Невозможно прочитать свойство '0' из неопределенного».Я искал эту ошибку, и она, кажется, всегда приводит к неопределенной переменной, но, похоже, это не относится к моему коду.Когда я запускаю его через отладчик Chrome, он показывает, что все мои переменные определены в строке, которая выдает ошибку.Сначала вызывается constructor моего класса с параметрами (64, -0.5, 0.5, -0.5, 0.5).В пределах constructor вызывается generateTriangles(), который заполняет this.vBuffer, помещая в него 12675 значений с плавающей запятой.Затем constructor вызывает diamond_square(), что вызывает getVertex().Ошибка выдается во второй строке getVertex().Когда выдается ошибка, отладчик показывает, что vBuffer заполнен значениями, а vid равен 0. Он специально подчеркивает [vid] красным цветом и связывает его с ошибкой.Этот код прекрасно работает без вызова diamond_square() в constructor.Вот соответствующий код:
/** Class implementing 3D terrain. */
class Terrain{
/**
* Initialize members of a Terrain object
* @param {number} div Number of triangles along x axis and y axis
* @param {number} minX Minimum X coordinate value
* @param {number} maxX Maximum X coordinate value
* @param {number} minY Minimum Y coordinate value
* @param {number} maxY Maximum Y coordinate value
*/
constructor(div,minX,maxX,minY,maxY){
this.div = div;
this.minX=minX;
this.minY=minY;
this.maxX=maxX;
this.maxY=maxY;
// Allocate vertex array
this.vBuffer = [];
// Allocate triangle array
this.fBuffer = [];
// Allocate normal array
this.nBuffer = [];
// Allocate array for edges so we can draw wireframe
this.eBuffer = [];
console.log("Terrain: Allocated buffers");
this.generateTriangles();
console.log("Terrain: Generated triangles");
this.diamond_square();
console.log("Terrain: Performed Diamond-Square");
this.generateLines();
console.log("Terrain: Generated lines");
// Get extension for 4 byte integer indices for drwElements
var ext = gl.getExtension('OES_element_index_uint');
if (ext ==null){
alert("OES_element_index_uint is unsupported by your browser and terrain generation cannot proceed.");
}
}
/**
* Set the x,y,z coords of a vertex at location(i,j)
* @param {Object} v an an array of length 3 holding x,y,z coordinates
* @param {number} i the ith row of vertices
* @param {number} j the jth column of vertices
*/
setVertex(v,i,j)
{
var vid = 3*(i*(this.div+1) + j);
this.vbuffer[vid] = v[0];
this.vbuffer[vid+1] = v[1];
this.vbuffer[vid+2] = v[2];
}
/**
* Return the x,y,z coordinates of a vertex at location (i,j)
* @param {Object} v an an array of length 3 holding x,y,z coordinates
* @param {number} i the ith row of vertices
* @param {number} j the jth column of vertices
*/
getVertex(v,i,j)
{
var vid = 3*(i*(this.div+1) + j);
v[0] = this.vbuffer[vid];
v[1] = this.vbuffer[vid+1];
v[2] = this.vbuffer[vid+2];
}
/**
* Fill the vertex and buffer arrays
*/
generateTriangles()
{
var x_amount = (this.maxX - this.minX) / this.div;
var y_amount = (this.maxY - this.minY) / this.div;
for (var i = 0; i <= this.div; i++) {
for (var j = 0; j <= this.div; j++) {
this.vBuffer.push(j*x_amount + this.minX);
this.vBuffer.push(this.minY + i*y_amount);
this.vBuffer.push(0);
this.nBuffer.push(0);
this.nBuffer.push(0);
this.nBuffer.push(1);
}
}
for (var i = 0; i < this.div; i++) {
for (var j = 0; j < this.div; j++) {
var vid = i*(this.div+1) + j;
this.fBuffer.push(vid);
this.fBuffer.push(vid + this.div+1);
this.fBuffer.push(vid + this.div+2);
this.fBuffer.push(vid);
this.fBuffer.push(vid+1);
this.fBuffer.push(vid + this.div+2);
}
}
this.numVertices = this.vBuffer.length/3;
this.numFaces = this.fBuffer.length/3;
}
diamond_square()
{
// initialize corners to 0
var init_value = 0;
var max = this.div;
var v = [0.0, 0.0, 0.0];
// top-left corner
this.getVertex(v, 0, 0);
v[2] = init_value;
this.setVertex(v, 0, 0);
// bottom-left corner
this.getVertex(v, 0, max);
v[2] = init_value;
this.setVertex(v, 0, max);
// top-right corner
this.getVertex(v, max, 0);
v[2] = init_value;
this.setVertex(v, max, 0);
// bottom-right corner
this.getVertex(v, max, max);
v[2] = init_value;
this.setVertex(v, max, max);
// perform diamond-square recursively on the rest of the vertices
this.subsection(max);
}
}