Реализация игры жизни Конвея на JavaScript с <canvas> - PullRequest
3 голосов
/ 11 июля 2010

У меня возникли проблемы с реализацией игры жизни Конвея на JavaScript.В Немецкой Википедии говорится, что эта схема здесь:

image could not be found

Создаст пустой мир через 54 поколения, и эволюция будет выглядеть так:

image could not be found

Это означает, что второе поколение выглядит так:

image could not be found

Но при использовании моего кода второе поколение выглядит так имир тоже не становится пустым:

image could not be found

Так что мой код явно неверен, но я не вижу своей ошибки:

var cellSize = 5,   // In px
    fieldSize = 70, // In cells
    canvas = document.getElementById("canvas"),
    ctx = canvas.getContext("2d"),
    thisGeneration = [],
    nextGeneration = [];

// Set canvas size
canvas.width = canvas.height = cellSize * fieldSize;


// Fill the generation array
for (var i = 0; i < fieldSize; i++){

    thisGeneration.push([]);

    for (var x = 0; x < fieldSize; x++){

        // thisGeneration[thisGeneration.length-1].push( (Math.random() >  0.08)? 0 : 1);

        thisGeneration[thisGeneration.length-1].push(0);

    }

}

// Draw pattern:

thisGeneration[35][35]      =   thisGeneration[35][36]  = thisGeneration[35][37] =

thisGeneration[36][35]                                  = thisGeneration[36][37] =
thisGeneration[37][35]                                  = thisGeneration[37][37] =


thisGeneration[39][35]                                  = thisGeneration[39][37] =
thisGeneration[40][35]                                  = thisGeneration[40][37] =
thisGeneration[41][35]      =   thisGeneration[41][36]  = thisGeneration[41][37] =
1;

// "slice" causes "nextGeneration" to be a copy, not a reference
nextGeneration = thisGeneration.slice(0);

setInterval(function(){

    for (var y = 0, l = thisGeneration.length, x, l2, n; y < l; y++){

        for (x = 0, l2 = thisGeneration[y].length;  x < l2; x++){

            ctx.fillStyle = thisGeneration[y][x]? "black" : "white";
            ctx.fillRect(x*cellSize, y*cellSize, cellSize, cellSize);

            // n := Number of neighbors of the cell
            n = 0;

            if (typeof (thisGeneration[y-1]) != "undefined"){

                n += (

                    (thisGeneration     [y-1]   [x-1]   ||0)+
                    (thisGeneration     [y-1]   [ x ]   ||0)+
                    (thisGeneration     [y-1]   [x+1]   ||0)

                );

            }

            n += (

                (thisGeneration     [ y ]   [x-1]   ||0)+
                (thisGeneration     [ y ]   [x+1]   ||0)

            );

            if (typeof (thisGeneration[y+1]) != "undefined"){

                n += (

                    (thisGeneration     [y+1]   [x-1]   ||0)+
                    (thisGeneration     [y+1]   [ x ]   ||0)+
                    (thisGeneration     [y+1]   [x+1]   ||0)

                );

            }

            if (n === 3 && !thisGeneration[y][x]){
            // Any dead cell with exactly three live neighbours becomes a live cell, as if by reproduction.

                nextGeneration[y][x] = 1;

            }

            if (n < 2 && thisGeneration[y][x]){
            // Any live cell with fewer than two live neighbours dies, as if caused by under-population.

                nextGeneration[y][x] = 0;

            }

            if ((n === 2 || n === 3) && thisGeneration[y][x]){
            // Any live cell with two or three live neighbours lives on to the next generation.

                nextGeneration[y][x] = 1;

            }

            if (n > 3 && thisGeneration[y][x]){
            // Any live cell with more than three live neighbours dies, as if by overcrowding.

                nextGeneration[y][x] = 0;

            }

        }

    }

    thisGeneration = nextGeneration.slice(0); // "slice" causes "thisGeneration" to be a copy, not a reference

}, 1000);

Я также хотел бы знать, могу ли я улучшить производительность скрипта, потому что, как вы можете видеть, я использую двумерный массив для сохранения состояний ячеек.

1 Ответ

3 голосов
/ 11 июля 2010

Я не думаю, что это поколение и следующее поколение настолько независимы, как вы думаете.Я предлагаю вам заменить операции среза на ячейку копией ячейки и посмотреть, разрешит ли это что-либо

...