javascript - easyjs を使用したグラフィック内のテキスト

Question

ここでは、easel.js ライブラリ (src: easeljs ライブラリ) とサンプルゲームを使用しています:イーゼル js スペースゲームの例。

ご覧のとおり、スペースロックがあります。これらは次のように形成されます。

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

今私の質問は、グラフィックスクラスで言葉を入れることができるかどうかです。
「@BachelorGDM」のようなテキストを入れたいと思います。

今、私はこのように「beginBitmapFill」でこれをやろうとしています:

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

しかし、私はいつもタイプエラーになります。エラーはここで見ることができます: http://nielsvroman.be/twitter/root/game.html
(コンソール)

score 1 · Accepted Answer

例：

var text = new createjs.Text("Hello World", "20px Arial", "#ff7700");
text.x = 100;
text.textBaseline = "alphabetic";

または、使用したいアルファベット、数字、その他の記号を含むスプライトシートを使用し、それらのスプライトからテキストを含むグラフィックを構築し、そのグラフィックを使用することもできます。

次のように、ビットマップをビットマップオブジェクトにロードします。

var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png%22");

score 0 · Accepted Answer

beginBitmapFill期待ImageしていませんBitmap。正しい例は次のとおりです。

var img = new Image("myimage.png");
new Graphics().beginBitmapFill(img);

2 に答える 2