Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/gogoweb/55w.jp/public_html/techblog/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524
Facebook にシェア
[`evernote` not found]
LINEで送る

enchant.jsでは回転機能がサポートされています。
しかし、これが地味に中心軸のみの設定で、別の座標を軸に回転させることができません。
回転軸の変更にはtransform-originというCSSプロパティを設定すればいいのですが、それを簡単に設定するプラグインを作りました。

【ダウンロード】
右クリックで保存してください。

【使い方】
htmlファイルで、game.jsを読み込む手前あたりに

<script type="text/javascript" src="rotate_xy.js"></script>

を追加してください。

そして、回転軸を変更させたいオブジェクトで

this.rotate_xy("0px","50%");

(thisはオブジェクト名)と指定すればOKです。
後はrotateメソッドで回転させると、回転軸が中心から指定した場所に変わっていると思います。