jsdo.itで動くのがこれ。ソースは下
あんまりぽくない気もするけど書きやすかった感がある。
/**
* ライフゲームの世界。ボード
*/
class World{
interval: number = 10;
canvas: HTMLCanvasElement;
ctx: CanvasRenderingContext2D;
cells: Cell[][];
constructor(public width:number, public height:number){
this.canvas = document.createElement("canvas");
this.canvas.width=width*Cell.cellSize;
this.canvas.height=height*Cell.cellSize;
this.ctx = this.canvas.getContext("2d");
document.body.appendChild(this.canvas);
this.cells = new Array(width);
for(var i = 0; i < width; i++){
this.cells[i] = new Array(height);
for(var j = 0; j < height; j++){
var mo = Math.floor( Math.random()*10)%2;
this.cells[i][j] = new Cell(mo==0);
}
}
}
timeGoseBy(){
for(var i = 0; i < this.width; i++){
for(var j = 0; j < this.height; j++){
this.cells[i][j].draw(this.ctx, i, j);
}
}
for(var i = 0; i < this.width; i++){
for(var j = 0; j < this.height; j++){
this.cells[i][j].nextGeneration(i, j, this);
}
}
this.start();
}
start(){
var self = this;
setTimeout(function(){self.timeGoseBy();}, 50);
}
}
/**
* 細胞
*/
class Cell{
static cellSize: number = 4;
public now: bool = false;
public next: bool = false;
constructor (next: bool){
this.next = next;
this.now = next;
};
leftUp(x:number, y:number, world:World){
if(x-1 < 0){
x = world.width;
}
if(y-1 < 0){
y = world.height;
}
return world.cells[x-1][y-1].now ? 1 : 0;
}
left(x:number, y:number, world:World){
if(x-1 < 0){
x = world.width;
}
return world.cells[x-1][y].now ? 1 : 0;
}
leftDown(x:number, y:number, world:World){
if(x-1 < 0){
x = world.width;
}
if(y+1 >= world.height){
y = -1;
}
return world.cells[x-1][y+1].now ? 1 : 0;
}
rightUp(x:number, y:number, world:World){
if(x+1 >= world.width){
x = -1;
}
if(y-1 < 0){
y = world.height;
}
return world.cells[x+1][y-1].now ? 1 : 0;
}
right(x:number, y:number, world:World){
if(x+1 >= world.width){
x = -1;
}
return world.cells[x+1][y].now ? 1 : 0;
}
rightDown(x:number, y:number, world:World){
if(x+1 >= world.width){
x = -1;
}
if(y+1 >= world.height){
y = -1;
}
return world.cells[x+1][y+1].now ? 1 : 0;
}
up(x:number, y:number, world:World){
if(y-1 < 0){
y = world.height;
}
return world.cells[x][y-1].now ? 1 : 0;
}
down(x:number, y:number, world:World){
if(y+1 >= world.height){
y = -1;
}
return world.cells[x][y+1].now ? 1 : 0;
}
nextGeneration(x:number, y:number, world:World){
var aroundLivingCount = 0;
aroundLivingCount += this.rightUp(x, y, world);
aroundLivingCount += this.right(x, y, world);
aroundLivingCount += this.rightDown(x, y, world);
aroundLivingCount += this.leftUp(x, y, world);
aroundLivingCount += this.left(x, y, world);
aroundLivingCount += this.leftDown(x, y, world);
aroundLivingCount += this.up(x, y, world);
aroundLivingCount += this.down(x, y, world);
switch(aroundLivingCount){
case 0:
case 1:
case 4:
case 5:
case 6:
case 7:
case 8:
this.next = false;
break;
case 2:
break;
case 3:
this.next = true;
break;
}
}
draw(ctx: CanvasRenderingContext2D, x: number, y: number){
this.now = this.next;
if(this.next){
ctx.fillStyle = "#000000";
}
else{
ctx.fillStyle = "#ffffff";
}
ctx.fillRect(x*Cell.cellSize, y*Cell.cellSize, Cell.cellSize, Cell.cellSize);
}
}
window.onload=function(){
var w = new World(100, 100);
w.timeGoseBy();
}
