Welcome to Next.js!

React

Monaka

Editor

Writing Mode
縦書き(FireFoxのみ)・横書きの設定
Word Wrap
文字の折り返し
Split
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
module Conway {
    export class Cell {
       public live: boolean;
        constructor(row: number, col: number, live: boolean) {
           this.col = col;
   export class GameOfLife {
/* Game of Life
テストテストテストテストテストテストテストテストテストテストテストテスト
* Implemented in TypeScript
* To learn more about TypeScript, please visit http://www.typescriptlang.org/
*/
module Conway {
    
    export class Cell {
    
       public row: number;
        
       public col: number;
        
       public live: boolean;
        
       
        
        constructor(row: number, col: number, live: boolean) {
        
           this.row = row;
            
           this.col = col;
            
            this.live = live
            
        }
        
    }
    
   
    
   export class GameOfLife {
    
       private gridSize: number;
        
       private canvasSize: number;
        
       private lineColor: string;
        
       private liveColor: string;
        
       private deadColor: string;
        
       private initialLifeProbability: number;
        
       private animationRate: number;
        
       private cellSize: number;
        
/* Game of Life
テストテストテストテストテストテストテストテストテストテストテストテスト
* Implemented in TypeScript
* To learn more about TypeScript, please visit http://www.typescriptlang.org/
*/
module Conway {
    export class Cell {
       public row: number;
       public col: number;
       public live: boolean;
       
        constructor(row: number, col: number, live: boolean) {
           this.row = row;
           this.col = col;
            this.live = live
        }
    }
   
   export class GameOfLife {
       private gridSize: number;
       private canvasSize: number;
       private lineColor: string;
       private liveColor: string;
       private deadColor: string;
       private initialLifeProbability: number;
       private animationRate: number;
       private cellSize: number;
       private context: CanvasRenderingContext2D;
       private world;
       
       
       constructor() {
           this.gridSize = 50;
           this.canvasSize = 600;
           this.lineColor = '#cdcdcd';
           this.liveColor = '#666';
           this.deadColor = '#eee';
           this.initialLifeProbability = 0.5;
           this.animationRate = 60;
           this.cellSize = 0;
           this.world = this.createWorld();
           this.circleOfLife();
       }
   
       public createWorld() {
           return this.travelWorld( (cell : Cell) =>  {
               cell.live = Math.random() < this.initialLifeProbability;
               return cell;
           });
       }
       
       public circleOfLife() : void {
           this.world = this.travelWorld( (cell: Cell) => {
               cell = this.world[cell.row][cell.col];
               this.draw(cell);
               return this.resolveNextGeneration(cell);
           });
           setTimeout( () => {this.circleOfLife()}, this.animationRate);
       } 
   
       public resolveNextGeneration(cell : Cell) {
           var count = this.countNeighbors(cell);
           var newCell = new Cell(cell.row, cell.col, cell.live);
           if(count < 2 || count > 3) newCell.live = false;
           else if(count == 3) newCell.live = true;
           return newCell;
       }
   
       public countNeighbors(cell : Cell) {
           var neighbors = 0;
           for(var row = -1; row <=1; row++) {
               for(var col = -1; col <= 1; col++) {
                   if(row == 0 && col == 0) continue;
                   if(this.isAlive(cell.row + row, cell.col + col)) {
                       neighbors++;
                   }
               }
           }
           return neighbors;
       }
   
       public isAlive(row : number, col : number) {
           if(row < 0 || col < 0 || row >= this.gridSize || col >= this.gridSize) return false;
           return this.world[row][col].live;
       }
   
       public travelWorld(callback) {
           var result = [];
           for(var row = 0; row < this.gridSize; row++) {
               var rowData = [];
               for(var col = 0; col < this.gridSize; col++) {
                   rowData.push(callback(new Cell(row, col, false)));
               }
               result.push(rowData);
           }  
           return result;
       }
   
       public draw(cell : Cell) {
           if(this.context == null) this.context = this.createDrawingContext();
           if(this.cellSize == 0) this.cellSize = this.canvasSize/this.gridSize;
   
           this.context.strokeStyle = this.lineColor;
           this.context.strokeRect(cell.row * this.cellSize, cell.col*this.cellSize, this.cellSize, this.cellSize);
           this.context.fillStyle = cell.live ? this.liveColor : this.deadColor;
           this.context.fillRect(cell.row * this.cellSize, cell.col*this.cellSize, this.cellSize, this.cellSize);
       }    
       
       public createDrawingContext() {
           var canvas = <HTMLCanvasElement> document.getElementById('conway-canvas');
           if(canvas == null) {
                   canvas = document.createElement('canvas');
                   canvas.id = 'conway-canvas';
                   canvas.width = this.canvasSize;
                   canvas.height = this.canvasSize;
                   document.body.appendChild(canvas);
           }
           return canvas.getContext('2d');
       }
   }
}
var game = new Conway.GameOfLife();

markdown-it rulezz!