Flashで作ったCreateJS形式コンテンツをWebGL再生したい - Qiita
はじめに 最近、HTML5でゲームコンテンツを作ることが多いのですが 皆さんどのように制作されているでしょうか。 よく見かけるのは、HTML5開発のためのエンジン・ライブラリを用いつつ、アニメーションは アニメーターが頑張ってスクリプトを覚えて書く アニメーターが作ったアニメーションを、エンジニアが目コピしてスクリプトに落とす アニメーターが作ったアニメーションをそのまま使用できるようにシステムを組む などで対応する…といったスタイルなのですが、 ガラケー時代～ソーシャルゲーム全盛期においてAdobe Flash(※現在はAnimateと改名)を使い続けてきた身としては どうにかFlashだけで完結させたいんだよなー、と常々思案しております。 未だにアニメーションのオーサリングツールとしてはFlashの優位性は高いと思っていますし、 新たなエンジン・ライブラリを習得するコストもかかりますし
Flashの次に来るのはこれだ！ エンジニアのためのCreateJS入門 | ファーストロジック ラボ
こんにちは、取締役の青柳です。 2016年1月22日に中野ICTCOで開催された『第7回 CreateJS 勉強会』に参加してきました。私自身は CreateJS のことを「Webでグラフィックを扱いたいときに便利な JavaScript ライブラリ」程度にしか捉えていなかったのですが、勉強会に参加して CreateJS が 非常にパワフルで将来性のある ライブラリだとわかったので、その概要をお伝えしたいと思います。 なお、この記事は CreateJS をまだ知らない方に向けて「CreateJS とはなにか？」について書いたものです。技術的な詳細については、こちらのサイトをご覧ください。 CreateJS 公式サイト http://www.createjs.com/ CreateJS 入門サイト – ICS MEDIA（株式会社 ICS 様） https://ics.media/tutor
X-LABO: Toolkit for CreateJS: 入れ子状態のムービークリップで gotoAndStop 命令が効かない場合の対処
この記事のURL http://www.dango-itimi.com/blog/archives/2013/001186.html どちらかのサイトで同じような問題の記事を見たことがあったような気がしますが、メモする意味で記述します。 Toolkit for CreateJS にて入れ子状態のムービークリップを出力後、スクリプトから制御しようとした所、入れ子内部のムービークリップに gotoAndStop 命令が効かない、という現象が発生しました。 解決方法としましては、大本のムービークリップに対して gotoAndStop or gotoAndPlay 命令を記述すればよし、となりました。 詳細は以下となります。 CreateJS バージョン 検証で利用した CreateJS のバージョンは以下となります。 easeljs-0.6.1 tweenjs-0.4.1 movieclip-0
FlashCC for HTML5 による fla ファイルの書き出し(基本編) - damelog
いわゆるソーシャルゲームのゲーム画面で、FlashCC の HTML5 書き出しを使って演出部分を制作し、アプリケーション側との繋ぎ込みを行った際のメモ。 どのゲームかはあんまり大きい声で言えない？ので、もし知りたければ twitter で聞いてもらえば。 今回は基本中の基本で、そもそも FlashCC がどういう形の CreateJS のコードを書き出すのかを細かく書いている。全3回くらいでお送りする予定です。 サンプルコードと言ってもただ MC を数個配置しただけだが一応 Github においてある。 サンプルでは test.fla というファイルを作り、とりあえず4つの各種インスタンス(ムービークリップ、ボタン、グラフィック、ビットマップ)を配置する。(今回は描画部分のみにフォーカスするのでサウンドについては省略) また、合わせてCreateJSの公式ドキュメントにも一通り目を通す、
FlashゲームをHTML5でWindows8アプリ化 – 水玉製作所
株式会社サンリオのFlashゲームをCreateJSを用いてWindows8アプリに移植しました。 その際の移植、アプリ化に関するノウハウをまとめたpdfを作成しましたので配布いたします。 本件は日本マイクロソフト株式会社の依頼により、移植、アプリ化、ノウハウpdfの公開を行いました。2013年7月時点の情報です。最新バージョンについては別途ご確認ください。 ノウハウpdf CreateJSを用いたFlashコンテンツのWindows8アプリ化 manual_createjs_0726.pdf このpdfについて Flashオーサリング経験2, 3年の方を対象とし、CreateJSを用いて既存のFlashコンテンツをWindowsストア アプリ化する手順について、まとめました。 [CreateJS化にあたって使用したソフトウェア] ＊Adobe Flash Professional CS6
FlashCC でパブリッシュした CreateJS ファイルで callback 付きの gotoAndPlay を実現する - Qiita
FlashCC でパブリッシュした CreateJS ファイルで callback 付きの gotoAndPlay を実現するJavaScriptflashCreateJS ご世間様はアレに夢中な中で、CreateJSさんのニッチな話題です。 簡単な機能要件 必須 TARGET_LABEL を再生したとき、TARGET_LABEL_end まで辿り着いた瞬間に callback が発火すること Flash 内のスクリプトの動作に影響を及ぼさないこと CreateJS 本体の改造は出来る限りしないこと。ただし、後から prototype を拡張したり弄ったりするのは OK とする（した） Flash 内スクリプトでも、外部のスクリプトからでも呼べるようにすること 努力目標 再生中、任意のタイミングで gotoAnd(Play|Stop) もしくは同メソッドが呼ばれた場合は、callback
はじめてToolkit for CreateJS使ってみての所感 - ushisantoasobu's blog
業務ではじめてToolkit for Createjs使いました。 その所感というか、ハマったところ・気をつけなければならないことも多々あったのでメモ。 flash内の画像ファイル名やインスタンス名には気をつけよう flash内で画像ファイル名やインスタンス名が日本語だと、パブリッシュで生成されるjsファイル内に２バイト文字が混ざることになる。これは最悪。 今回はデザイナーさんにflashでアニメーションをつくってもらったあとにそのことに気づいてしまったので、お手数ながたリネームしてもらったということがあったので、以後デザイナーさんにToolkit for Createjsでアニメーションをつくってもらうときは注意が必要。 画像読み込みについて 画像のファイル数は比較的多くなりがちになるのだと思うけど、 地獄の“大開発者”養成ブログ — クレイジー極まりないToolkit for Crea
Toolkit for CreateJSのmanifestデータを自動でbase64化するgruntタスク | k-factory
Toolkit for CreateJSからpublishされたhtmlの、manifestに記述されたimagesデータをbase64化するgrunt task pluginを作成しました。Toolkit for CreateJSからpublishされたhtmlの、manifestに記述されたimagesデータをbase64化するgrunt task pluginを作成しました。 https://github.com/youtakanke/grunt-tfc-datauri Flashのextensionである、「Toolkit for CreateJS」（※以降 TFC ）を使用したプロジェクトで、 image画像を大量に使用している場合、スマートフォンでは画像のリクエスト数が増えてしまい、 3G回線端末などではロードに時間がかかってしまいます。 そこで画像データをdatauriで使用
【Flash CC】 Toolkit for Dart をちょっと触ってみたメモ
面白そうなので試しにちょっと触ってみました。 http://toolkitfordart.github.io/getting-started.html Flash CCとExtension Managerをインストールしたら上のサイトへ行き、 ２．Publishのところにある「Download the Toolkit for Dart v0.4.2」をポチって エクステンションファイルをDLし、インストールします。 ３．Codeのところにある「Download Dart SDK and tools」もポチって Dart SDKもDLしておきます。解凍するとDart Editorが出てきます。 （SublimeText とかでも編集できるようです） Flash CCで適当なファイルを作ったら ウィンドウ＞エクステンション＞Toolkit for Dart からパレットを開き「Publish」
X-LABO: swf から CreateJS-Haxe用 extern クラスを生成するアプリ公開
この記事のURL http://www.dango-itimi.com/blog/archives/2013/001170.html swf から CreateJS-Haxe用 extern クラスを生成するアプリケーションを公開しました。 github https://github.com/siratama/Swf-To-CreateJS-Haxe-Converter ファイル一式ダウンロードページ https://github.com/siratama/Swf-To-CreateJS-Haxe-Converter/tags 以下ドキュメントから概要を引用します。 Swf-To-CreateJS-Haxe-Converter Swf-To-CreateJS-Haxe-Converter は、swf から CreateJS-Haxe 用 extern クラスを生成するアプリケーションです。
X-LABO: Toolkit for CreateJS の出力ファイルを Haxe クラスに変換するアプリ公開
この記事のURL http://www.dango-itimi.com/blog/archives/2013/001167.html Toolkit for CreateJS から出力される js, html ファイルの内容を解析し、Haxe クラスに変換するアプリケーションを Adobe AIR にて作成し、github で公開しました。 TFC-JS-To-Haxe-Converter https://github.com/siratama/TFC-JS-To-Haxe-Converter ファイル一式 ダウンロードページ https://github.com/siratama/TFC-JS-To-Haxe-Converter/tags 使い方等、詳しくは上記 TFC-JS-To-Haxe-Converter ページ内に記述しています。 出力されるクラスの形式に少々変更がかかっています
X-LABO: Flash CS のステージ上に配置したシンボルを html5 canvas Box2D オブジェクトに変換する Haxe/js ライブラリ公開
この記事のURL http://www.dango-itimi.com/blog/archives/2013/001165.html 先日の TFCLib に引き続き、記事タイトルの内容のものを github にて公開しました。 haxelib リポジトリ https://github.com/siratama/haxelib ファイル一式ダウンロードページ https://github.com/siratama/haxelib/tags Flash CS 上に、四角いシンボル(Box)、丸いシンボル(Circle) 緑色の点の集合(Polygon) を配置後、Toolkit for CreateJS にてパブリッシュを行うと… 以下の図のように html5 canvas 上に Box2D オブジェクトとして再現されます。 再現された Box2D オブジェクトは勿論 スクリプトから制御が可
X-LABO: Toolkit for CreateJS: プロパティ名に連番が付与されてしまう問題への対処
この記事のURL http://www.dango-itimi.com/blog/archives/2013/001164.html 追記 2013/4/5)Toolkit for CreateJS 1.2 で当記事の問題は解決されました。 Toolkit for CreateJS 1.1 から出力したデータには、条件によってはインスタンスプロパティ名に連番が自動的に付与されてしまう、という問題が発生します。 例えば、Flash CS6 上でステージに配置したムービークリップのプロパティ名を「test」としたのに、Toolkit for CreateJS で出力された js ファイル内を見ると「test_1」というプロパティ名になってしまう場合があります。 何らかの理由からこのような仕様になっているのかもしれません。あるいは Toolkit for CreateJS のアップグレードで解決
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 なんと音周り
Toolkit for CreateJS
Adobe FlashやAdobe Animateのタイムライン派のためのアニメーションテクニック トップ | ドローイング | アニメーション | 指導書 | 絵コンテ | 参考書 | 副読書 | 裏話 | FLASH | オススメ | ダウンロード | 日本のFlash史 Toolkit for CreateJS HTML5とか全く興味ないんだけど、Toolkit for CreateJS面白い。なにが面白いって、やたらと長いネーミングのことではなく、狙い通りのムービーにならんこと。まずは検証用のSWFを作ってみたよ。 んでこれをToolkit for CreateJS（ネーミングながくね？）でパブリッシュしてみるとこうなった。バージョンは1.1。 Flash CS6の出力パネルにいろいろ警告が出たけど、アニメーションの再現性は良好。iOSだとこっちだけ見えるわけね。でもやっぱりなんか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Getting Started with StageGL - CreateJS Blog
CreateJSでSpriteSheetアニメーションに個別でフレームレートを設定したいとき - Qiita
CreateJS勉強会（第4回）発表資料「CreateJSとToolkitで納品レベルまで最適化・高速化する方法」 - ICS MEDIA
Toolkit for CreateJS 1.2 でスクリプトが動かない - Shut the fuck up and write some code
Google Code Archive - Long-term storage for Google Code Project Hosting.