DOM Element / CreateJS


CreateJSでDOM Elementを操作します。
たぶん jQuery とかの方がイロイロできそうですが、ゲーム作る時に canvas 以外も動かしたくなった時のために。
CreateJS では DOM の操作の時も canvas いるみたいです。
対象となるHTMLは下記の感じ。

1
2
3
4
5
6
<div id="target" style="background-color: blue; width: 320px; height: 240px;">
    TEST
</div>
<canvas id="demoCanvas" width="640" height="480">
    alternate content
</canvas>

DOM Element でも今までの Shape とそんな変わりない感じに使えます。
下記は試しに 30度回転。

1
2
var content = new createjs.DOMElement('target');
content.rotation = 30;

Shape で描画する時との違いは、DOM Element は canvas からはみ出ることですかね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です