0

現時点では、コードはスプライトシートから1つの画像を選択し、それを画面全体に表示します。私がやりたいのは、行全体でランダムな画像を選択してゲームに表示することです。たとえば、赤/ピンク/緑の小惑星が必要です。表示しますが、現時点では緑色のものを表示しています。

これは現在のコードです、どんな助けでも素晴らしいでしょう。

function Enemy() {
    this.srcX = 0;
    this.srcY = 0;
    this.width = 64;
    this.height = 64;
    this.previousSpeed = 0;
    this.speed = 2;
    this.acceleration = 0.005;
    this.drawX = Math.floor(Math.random() * 1000) + gameWidth;
    this.drawY = Math.floor(Math.random() * gameHeight);
    this.collisionPointX = this.drawX + this.width;
    this.collisionPointY = this.drawY + this.height;
}

Enemy.prototype.draw = function () {
    this.drawX -= this.speed;
    ctxEnemy.drawImage(imgSprite,this.srcX,this.srcY,this.width,this.height,this.drawX,this.drawY,this.width,this.height);
    this.checkEscaped();
};

Enemy.prototype.checkEscaped = function () {
    if (this.drawX + this.width <= 0) {
        this.recycleEnemy();
    }
};

Enemy.prototype.recycleEnemy = function () {
    this.drawX = Math.floor(Math.random() * 1000) + gameWidth;
    this.drawY = Math.floor(Math.random() * gameHeight);
};

function clearCtxEnemy() {
    ctxEnemy.clearRect(0, 0, gameWidth, gameHeight);
}
4

1 に答える 1

0

使用する画像を決定する変数を追加します

function Enemy() {
...
this.imageNumber = Math.floor(Math.random()*3);
...
}

描画するときは、その変数を使用して、使用する画像を決定します。

Enemy.prototype.draw = function () {
...
ctxEnemy.drawImage(imgSprite,this.srcX+this.imageNumber* this.width,this.srcY,this.width,this.height,this.drawX,this.drawY,this.width,this.height);
...
}

于 2013-02-27T15:56:16.570 に答える