P5.js中的生活游戏
P5.js中的生活游戏
提问于 2017-12-14 04:03:18
好吧，我试着用p5.js编写conway的生活游戏，但我被一些奇怪的bug卡住了。
function make2DArray(cols, rows) {
let arr = new Array(cols);
for (let i = 0; i < arr.length; i++) {
arr[i] = new Array(rows);
}
return arr;
}
function countNeighbors(grid, x, y) {
let sum = 0;
for (let i = -1; i < 2; i++) {
for (let j = -1; j < 2; j++) {
let col = x + i;
let row = y + i;
if (grid[col][row] === undefined){
sum += grid[col][row];
}
}
}
sum-=grid[x][y]
return sum;
}
let grid;
let next;
let cols;
let rows;
let resolution = 20;
let fr = 15;
function setup() {
createCanvas(600, 400);
frameRate(fr);
cols = width / resolution;
rows = height / resolution;
next = make2DArray(cols, rows);
grid = make2DArray(cols, rows);
for (let i = 0; i < cols; i++) {
for (let j = 0; j < rows; j++) {
grid[i][j] = floor(random(2));
}
}
}
function draw() {
background(0);
for (let i = 0; i < cols; i++) {
for (let j = 0; j < rows; j++) {
let x = i * resolution;
let y = j * resolution;
if (grid[i][j] == 1) {
fill(0);
stroke(150);
rect(x, y, resolution - 1, resolution - 1);
} else {
fill(255);
stroke(150);
rect(x, y, resolution - 1, resolution - 1);
}
}
}
for (let i = 0; i < cols; i++) {
for (let j = 0; j < rows; j++) {
let state = grid[i][j];
let neighbors = countNeighbors(grid, i, j);
if (state == 0 && neighbors == 3) {
next[i][j] = 1;
} else if (state == 1 && (neighbors < 2 || neighbors > 3)) {
next[i][j] = 0;
} else {
next[i][j] = state;
}
}
}
grid = next;
}所以基本上我有一个函数countNeighbors，我认为bug在里面，我试着检查列和行是不是像这样的数组边界
if (col>-1 && col <grid.length && row>-1 && row < grid[0].length){
//increase sum
}但更糟的是。我是js的新手，所以我想如果
let x=new Array(10);
//and then when i try this
console.log(c[-1])
//it should give undefined但是程序还是不能工作:(谢谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-12-14 04:47:35
只需做一些更改，就可以让它正常工作：
1)用let row = y + j;替换let row = y + i;，因为拼写错误是造成大部分问题的原因。
2)替换条件
if (grid[col][row] === undefined){通过
if (0 <= col && col < cols && 0 <= row && row < rows){原始条件的问题是，如果grid[col]是未定义的，那么grid[col][row]是undefined[row]，这是没有意义的。
3)为保持一致性，请在sum-=grid[x][y]末尾添加分号
4)最后，为了避免意外创建别名，需要将grid = next替换为：
for(let i = 0; i < grid.length; i++){
grid[i] = next[i].slice();
}或者，使next成为draw()的本地变量，并将let next = make2DArray(cols, rows);行放在draw()的开头。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47801275
复制相关文章
相似问题
腾讯云开发者
