0

私は一種のゲームを作るために、easeljs javascript を使用しています。私はこの例を使用しています: http://www.createjs.com/#!/EaselJS/demos/game

ご覧のとおり、スペースロックがあります。これはグラフィックス オブジェクトです。

this.graphics.beginStroke("#FFFFFF");

背景を次のような画像で塗りつぶしたいと思います。

var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png");
this.graphics.beginBitmapFill(bitmap, "no-repeat");

しかし、私はいつもこのエラーを受け取ります:

キャッチされていない TypeError: タイプ エラー

ここに画像の説明を入力

私が間違っていることを誰かが知っていますか？

4

1 に答える 1

2

Bitmap インスタンスではなく、HTML イメージへの参照を使用します。

var image = new Image();
image.srce = "http://nielsvroman.be/twitter/root/easeljs/image.png";
this.graphics.beginBitmapFill(image, "no-repeat");

イメージがロードされていることを確認する必要があることに注意してください。そうしないと、最初の段階の更新で表示されない場合があります。ステージをチェックするか、画像のオンロードをリッスンしてからステージを更新できます。

image.onload = function() {
    stage.update();
}
于 2013-06-21T14:23:12.713 に答える