EaselJSのEventDispatcher.jsを借りてJavaScriptでaddEventListener
EaselJSにEventDispatcher.jsが追加された様子。 https://github.com/CreateJS/EaselJS/ JavaScriptで困ってたのがカスタム・イベント作成と通知。 無いと困るのでオレオレ実装でだましだましやってきたけど、もっと信頼できる仕組みを作りたいと思ってました。 そんな時の、この良いお知らせ。 まじめにお仕事していると良いことがあるなぁ〜。 年末のステキなプレゼントです。 EventDispatcher.jsのソースはgithubでご覧になって下さい。 ActionScript 2, mx.events.EventDispatcher に似た仕組みを持っているようです。 使い方もかなり似ています。 jQueryを使用しています。 var EventDispatcher = createjs.EventDispatcher; functi
FN1209008 - EaselJSのオブジェクトを物理演算エンジンのBox2Dで落とす - HTML5 : テクニカルノート
「Box2D」はもともとC++で開発された2次元空間の物理演算エンジンです[*1]。重力と物体の質量や摩擦、弾性にもとづく位置と動きの物理計算を行い、シミュレーションしてくれます。ActionScript 3.0やJava、C#、Pythonなど、さまざまな言語に移植されています。JavaScriptのライブラリとしても、いくつか公開されてきました。その中でも対応するバージョンが新しく、解説も整っているBox2dWebを使ってみましょう。 01 物理空間と剛体を定める 物理演算エンジンというのは、物体の位置や動きの数値計算をするだけで、オブジェクトの座標を変えたりはしません。つまり、エンジンがいくら演算を進めても、コンテンツの見た目は止まったままです。演算結果をオブジェクトの座標に与えて、初めてアニメーションとして動きます。 物理演算のシミュレーションをする前に、定めておかなければならない
kanariia.net BLOG - [easelJS]JSのCanvasをFlashライクに使うライブラリ！<br />とりあえずHelloWorldしてみる。
めっちゃ久しぶりの更新。 blog.kanariia.netにURL変更なったので、 以前ブックマークしてくださってた方はこちらに修正お願いしまーす！ fladdictさんのこの記事で、JavaScriptのCanvasをFlashライクに使うライブラリが作られたってことを知って、これはやってみるしかないってことで、ちょっとまとめてみまーす！ 配布元はこちら。 Easel JS: A Javascript Library for Working with the HTML5 Canvas Element. とりあえずサンプル Hello World！ってゆうpng画像を読み込んだのとshapeをaddしたcontainerをEnterFrame的に動かしてみた。マウスイベントもとってます。 サンプル サンプル(別ウィンドウ)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
