[B! createJS][html5] suisuina0823のブックマーク

SpriteStudio for CreateJS | TENPURA - 1→10design Lab -

ID部の藤岡です。弊社も案件で使っている「SpriteStudio」にはHTML5書き出しの機能があります。書き出したデータをSpriteStudio専用のHTML5 Playerで再生することで、ブラウザ上でSpriteStudioで制作したアニメーションを再現することができるようになってます。今回これを応用し、専用のHTML5 Playerを使わずにCreateJSでSpriteStudio書き出しデータを読み込むライブラリを自作して、簡単なミニゲームを作ってみました。 →別タブで開く（[P]キーでパンチ、[K]キーでキック、左右の[←→]キーで移動）ワンテンガーはSpriteStudioからの書き出しを自作ライブラリを通じてCreateJSで読み込み、それ以外はCreateJSで普通に画像を読み込んでます。最適化はしてませんが、スマホでもひとまず動作します。（操作はタップ

suisuina0823 2015/07/17

リンク

JS5 :HTML5向けjavascriptフレームワークのチュートリアルサイト » 重なったEaselJSエレメントの合成方法まとめ

オブジェクトの合成ある二つのオブジェクトが重なっていた時、その描画方法を決めるのがcompositeOperationプロパティです。このプロパティはTextオブジェクトやShapeオブジェクトなどに設定出来ます。設定できる値はCanvasの標準仕様に準拠していますが、サンプルから見てみましょう。サンプル設定値の説明右上のドロップダウンを変更すると、描画された矩形とテキストの見た目が変わるのが分かるかと思います。それではcompositeOperationプロパティに設定する各項目の説明です。基本的にsourceで始まるものは最前面のオブジェクトを前面に描画し、destinationで始まるものは最背面のオブジェクトを前面に描画させます。以後は、もともと存在しているオブジェクトを「合成先」、追加するオブジェクトを「合成元」と呼ぶことにします。 source-over(defaul

suisuina0823 2013/04/11

リンク

color.hailpixel.com

suisuina0823 2013/02/18

リンク

X-LABO: Toolkit for CreateJS & Haxe : html5 シューティングゲームサンプル

この記事のURL http://www.dango-itimi.com/blog/archives/2013/001158.html Toolkit for CreateJS 1.1 と Haxe を用いて、html5 canvas で動作するシンプルなシューティングゲームの制作を行いました。リンク先には QR コードを配置しています。スマートフォンでの動作確認にご利用ください。 http://www.dango-itimi.com/html5/1/ ローディング画面は制作していないため、初めは少々真っ暗な画面が表示されたままとなります。サウンド再生周りに関して Windows7 上では、html5 audio タグによるサウンド再生周りは以下の様な結果になりました。左に行くほど良い結果となります。 IE9 > Opera > Google Chrome > Firefox なんと音周り

suisuina0823 2013/02/18

リンク

CDNで提供されているCreateJSのオールパッケージ版のJSファイル、たった29.4KB。各種ライブラリを個別にインポートするよりこれで十分かしら。 #createjsjp

suisuina0823 2013/02/18

リンク

130215_Toolkit for CreateJSで作るリッチコンテンツ.pptx - Microsoft PowerPoint Online

suisuina0823 2013/02/18

リンク

ActionScriptとCreateJSでコードを共有するためのTIPS | ADC - Adobe Developer Connection

Flash Professional CS6からは、「Toolkit for CreateJS」拡張機能を利用して、Flash Professionalで作成したコンテンツを、CreateJSフレームワークを使ったHTML5コンテンツ（以下、CreateJSコンテンツ）へ変換することができます。つまり、1つのFLAファイルからFlashムービーとCreateJSコンテンツを書き出すことが可能になりました。ただし、ゲームのようなスクリプトを多用するコンテンツの場合、ActionScriptとCreateJS（JavaScript）との間で、全てのコードをそのまま流用できるというわけではありません。とはいえ、もともとActionScriptはJavaScriptと同じECMAScript規格から発展した言語なので、かなりの部分のコードを共有できます。さらに、「CreateJS（JavaSc