0

有点笼统的问题，但我不知道该怎么做，谷歌让我失望了！

我正在尝试用我构建的画布重写网格数组冲突。

现在有一个网格对象和一个块对象。网格cellSize取决于块的大小，size反之亦然。原因是要计算出将块存储到其中的网格数组，我必须首先弄清楚如何构建它，这取决于块的大小。例子，

var grid = new grid();

function grid() {
    this.cellSize = 50;
    this.cellsX = canvas.width / this.cellSize;
    this.cellsY = canvas.height / this.cellSize;
    this.buildGrid = function() {
        var arr = new Array(this.cellsX);
        for(var i = 0; i < arr.length; ++i) {
            arr[i] = new Array(this.cellsY);
        }
        return arr;
    };
    this.arr = this.buildGrid();
    this.getGridCoords = function(i) {
        return Math.floor(i / this.cellSize);
    };
}

function block() {
    this.size = grid.cellSize; // size of the block is same as cellSize
    this.x = 0;
    this.y = 0 - (this.size * 1.5);
    this.baseVelocity = 1;
    this.velocity = this.baseVelocity;
    this.update = function() {
        this.y += this.velocity;
    };
}

以我的方式进行操作将两个对象耦合在一起，据我所知，这是一件坏事。如果有意义，我如何确保两个变量的大小相同而不耦合对象？

4

1 回答 1

1

真正的问题是您的 block() 函数直接从 grid() 的实例中获取值。

如果您希望您的 block() 函数可重用和解耦，它就像在构造期间更改 block() 以获取大小一样简单。

arr[i] = new block({size: this.cellSize});
于 2013-02-26T07:48:08.853 回答