FN1205001 - EaselJSでインスタンスをクリックした座標で回しながらドラッグする - HTML5 : テクニカルノート
EaselJSで外部から読込んだビットマップファイルをCanvasに表示し、初めにクリックした座標で回しながらドラッグしてみます。本稿の解説は、(1)外部ビットマップファイルの読込みと(2)マウスクリックおよびドラッグのイベントの扱いについて、基本的な知識をおもちの方が対象です。不足あるいは不安がある場合には、先につぎのノートをお読みください。 「EaselJSで外部ビットマップファイルを読込んで回す」 「EaselJSのマウスクリックとドラッグ&ドロップ」 01 外部画像ファイルを読込んでCanvasの中央に表示する ビットマップはPNGファイル(Pen.png)で用意しました。HTMLドキュメントと同じ場所に画像用のフォルダ(images)をつくり、その中に納めます(図001)。そして、HTMLドキュメントの<body>要素には<canvas>要素("myCanvas")が記述され、描
jAction
jActionのはじめかた ⒈ ライブラリをダウンロードしましょう HTML5でスマートフォン向けのゲームを制作するために使える基本的なメソッドがそろっています。さっそくライブラリをダウンロード、ゲーム制作にチャレンジしてみましょう。 ⒉ プラグインを募集しましょう ゲームを制作していて分からないことがあれば、jActionで募集してみましょう。HTML5に精通している方がプラグインを投稿してくれるかもしれません。募集はこちら ⒊ プラグインを共有しましょう jActionを応用してプラグインを開発して皆さんに共有しましょう。「いいね！」がたくさんついたプラグインはオフィシャルとしてリリースし、リファレンスに追加させていただきます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA