FlashデベロッパーのためのCreateJS：第1回 CreateJSとは何か──そのメリットからFlashとの違いまで | デベロッパーセンター
CreateJSは、HTML5でリッチコンテンツを制作するためのJavaScriptライブラリのスイート（特定用途のソフトウェアを詰め合わせたパッケージ）です。Flashデベロッパーとして著名なGrant Skinner氏（gskinner.com）が開発を行っており、MITライセンスのオープンソースソフトウェアとして商用でも無償で利用できます。 急激に拡大している利用 2013年5月4日～8日に開催されたAdobe MAX 2013における、Grant Skinner氏のセッション「CreateJS: Building Rich Interactive Experiences in HTML5」によると、CDNにホスティングされているCreateJSライブラリのヒット数が急激に増加しており、現在では2億ヒット（月間）を超えています。 その中でも、日本からの利用は世界で第2位を記録しており
EaselJS学習 - W2U開発wiki
W2U開発wiki トップページページ一覧メンバー編集 EaselJS学習 最終更新： w2u_dev 2011年05月16日(月) 17:44:30履歴 英語できません。機械翻訳と実践でなんとか解読します・・・ 公式サイト→http://easeljs.com/ API一覧→http://easeljs.com/docs/ ※protected、privateなフィールドは無視します。 クラス一覧 クラス階層 DisplayObject Container Stage Shape Text Bitmap BitmapSequence? Ticker Graphics Command Matrix2D MouseEvent Point Rectangle Shadow SpriteSheet? SpriteSheetUtils? UID クラス概要 スーパークラス DisplayObjec
JS5 :HTML5向けjavascriptフレームワークのチュートリアルサイト » CreateJS
TweenJSを使う アニメーションを使うには、CreateJS配下のアニメーション用ライブラリ「TweenJS」を使うのがおすすめです。EaselJSとは別のJSファイルになりますので、別途インストールする必要があります。以下よりダウンロードして下さい。 TweenJS | A Javascript library for tweening and animating HTML5 and Javascript properties. このライブラリはEaselJSの後で読み込む必要がありますので、注意してください。ちなみに僕はこのようなライブラリはDropboxに置いて、jsFiddleから参照しています。 [html] <script type='text/javascript' src="/easeljs-0.4.2.min.js"></script> <script type='t
CreateJS始める前に、いろんな記事を集めてみよう - Qiita
CreateJSをやってるひとのうわさによると Flasherならドキュメント読めばなんとなくわかるんだって。 でもやっぱりいろいろ読んでおきたいから、まとめておこう。 公式、ドキュメント CreateJS デベロッパーセンター | Adobe Developer Connection [ADC] 公式。ドキュメント、チュートリアルへのリンクなど。 Docs - CreateJS 過去のバージョンを含めたすべてのドキュメントへのリンク できること把握系記事 リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog CreateJSとは何か的に俯瞰する記事。 CreateJSでゲームを作った感想 | Coremind いろいろ注意すべき点が書いてある akihiro kamijo: CreateJSアーカイブ とりあえずざっ
CreateJS の SpriteSheet クラス - akihiro kamijo
CreateJS には、スプライトシートを簡単に扱えるように、SpriteSheet というクラスが提供されています。 スプライトシートは、アニメーションを構成する 1 つ以上のフレームを、1 つの画像ファイルにまとめたものです。例えば、幅と高さが 100 ピクセルのフレーム 4 つを横一列にぴったり並べると、幅が 400 ピクセル、高さが 100 ピクセルのスプライトシートになります。 スプライトシートをアニメーションとして扱うためには、SpriteSheet クラスが、「どのスプライトシートの」「どの領域を」「何番目に再生すれば良いのか」、を知らなければなりません。そのため、SpriteSheet のコンストラクタには、以下の 3 種類の情報を渡します。 スプライトシートの画像ファイル名 フレームの情報 （位置、大きさ等） フレームを再生する順序 それぞれ、複数存在する場合 （例えば
CreateJSで遊んでみる 1日目 EaselJS | WebDelog
CreateJS CreateJSはHTML5の技術を利用した インタラクティブなコンテンツを作成するためのJavascriptのライブラリ群です。 @gskinner 氏が開発をしているとのこともあり、 stageを作ってオブジェクトをaddChildしていくところやメソッド名など、 Flashで開発されていた方も馴染みのある構文が用意されています。 Adobe Flash Pro CS6からはToolkit for CreateJSという機能を使って、 ワンクリックでFlashで作成したアニメーションを CreateJSを使ったアニメーションに変換して書き出す といったことが簡単に行なえるようになっています。 そんなCreateJSを触りながら覚えてみようかなー と突然思い立ったので『CreateJSで遊んでみる』というテーマの元、 とりあえず使ってみる → まとめてみ
[CreateJS] Canvasアニメーションを実装する時に便利で良く利用しているJSライブラリ、CreateJS - YoheiM .NET
Tooklit for CreateJSは仕事でも利用しています。しかし、完全に出力する為にはFlashの××の機能は使っちゃダメなど、 いまのところは制約が多く使いづらいのが現状です。 また、出力されたソースコードをそのまま動かすと、なかなかの重さで書き換える必要がある場合も多く。。 現在は、Flashで利用している画像素材などの書き出し用として使うことがメインです。 CreateJSを使って実際に作ってみる CreateJSのEaselJSとTweenJSとPreloadJSを使って、 以下のような「動物が上下に動く」アニメーションを作成してみたいと思います。 CreateJSを使う為の準備 まずは、CreateJSのライブラリを読み込む実装を行います。 今回はCDNで提供されているものを利用していますが、ローカルにダウンロードしてきてそれを読み込むのももちろんありです。 <scrip
![[CreateJS] Canvasアニメーションを実装する時に便利で良く利用しているJSライブラリ、CreateJS - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/383ba9cac4755b0264d3fc76115f5fbaf427c264/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F174.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CreateJS勉強会（第4回）発表資料「CreateJSとToolkitで納品レベルまで最適化・高速化する方法」 - ICS MEDIA