Day13 - 明天复习贪食蛇，今天先铺舞台

class Game {
    constructor(){
        // 每格宽为 26px
        this.blockWidth = 26;
        // 格与格之间间距 2px
        this.blockSpace = 2;
        // 总共铺设 20 格
        this.blocks = 20;
        
        // init
        this.init();
    }
    init(){
        // set canvas
        this.canvas = document.getElementById('canvasSnake');
        this.canvas.width = this.blockWidth * this.blocks + this.blockSpace * (this.blocks - 1);
        this.canvas.height = this.canvas.width;
        this.ctx = this.canvas.getContext('2d');

        // render canvas view
        this.render();

    };

    render(){
        // bg
        this.ctx.fillStyle = '#dbe3c5';
        this.ctx.fillRect(0, 0, this.canvas.width, this.canvas.width);
        // 铺设 blocks
        for (var bX = 0; bX < this.blocks; bX++) {
            for (var bY = 0; bY < this.blocks; bY++) {
                this.drawBlock(new Vector(bX, bY), '#ced6b8')
            };
        };
    }
};

今天笔记到这，如果内容有出入，都在麻烦纠正了，谢谢您 ε= ᕕ( ᐛ )ᕗ