javascript - JavaScript で画像を追加する

Question

簡単に言うと、JavaScript を使用して、指定された URL の html5 ゲームに画像を追加する必要があります。問題は、それが gamemaker html5 と呼ばれるプログラム内にあることです。これは基本的に、HTML ゲームを作成するためのドラッグアンドドロップ IDE です。

私は JavaScript をまったく知りません。必要なのは、指定された URL に画像を追加するコードだけです。誰か次の html を JavaScript に翻訳してくれませんか?

<img src="http://www.mydomain.com/myimagefile.gif"></img>

これはすべて html5 キャンバスに含まれているため、画像を x、y 座標にポップできる必要があります。

score 0 · Accepted Answer

編集：この画像をキャンバスに描画するように指定したので、まったく別の質問になります。サンプルコードについては、画像とキャンバスに関するこのMDNチュートリアルを参照してください。また、この他の関連するSOの質問を参照してください。

質問がキャンバスについてになる前の以前の答え。

これにより、そのURLを含む新しい画像が本文に追加されます。それよりも具体的な場所に配置したい場合は、画像をページのどこに挿入するかを指定しdocument.bodyて、新しい画像を追加するページ内の目的の要素にパーツを置き換えることができるようにする必要があります。近くにあります。

var img = new Image();
img.src = "http://www.mydomain.com/myimagefile.gif";
document.body.appendChild(img);

これにより、指定されたノードの最後の子として画像が挿入されます。わずかに異なるコードを使用して、ページ内の特定のオブジェクトの前後にノードを挿入することもできます。

score 0 · Accepted Answer

GameMaker:HTML5 ゲームに画像を追加するには、次を使用します。

newimg = sprite_add("http://www.mydomain.com/myimagefile.gif",1,false,false,0,0);

必要に応じて引数を置き換えますが、これはアニメーション GIF ファイルをサポートしていないことに注意してください。アニメーションスプライトをインポートする場合は、ストリップでなければなりません。

newimg次のように、通常スプライトに名前を付ける場所ならどこでも使用できます。

draw_sprite(newimg,-1,32,32);

2 に答える 2