はじめに 年末にふとVue.js勉強したくなり、おみくじコンテンツを作ってみました。 銀河おみくじ出張所 今年、Adobe Creative Cloudを契約したこともありどうしてもWebpackで動的にAnimate CCで作ったアニメーションを載せた、おみくじを作ってみたくなり技術調査を始めました。いろいろつまづいたので苦労した点などを載せようと思います。 ※今回はES2015でJavaScriptを書いてみました。 Animate CCのアニメーションを掲載するのに導入したnode_modules createjs exports-loader imports-loader ES2015、Webpackでアニメーションを載せるのに苦労した点 CreateJSをimportで使うことが出来なかった Vue.jsなどはimport Vue from 'vue';で読み込むことが出来たがC

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat

デザイナー/デベロッパー。Fotogramme for Instagram 作者。フリーランサー。ウェブやモバイルアプリのUXディレクション、デザイン、開発を手がけています。 @hiro_kimu emotionale.jp。 Flashという名称が無くなってしまうーー2015年11月末、Flash Professionalのアプリケーション名称を「Adobe Animate CC」に変更するという発表がAdobeからあり、20年に及んだFlashの歴史が転換期を迎えました。「Flashは死んだ」と評されてすでに久しいですが、存在よりも先に名称が消えてしまうことになるとは思わなかった方も多いでしょう。 W3Techsによる調査結果では、2015年12月現在、ウェブサイトでのFlashの採用率は9.6%にまで落ち込んでいます。2011年1月の同調査では28.5%だったことを鑑みると、ウェブに

この記事の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 の HTML5 書き出しを使って演出部分を制作し、アプリケーション側との繋ぎ込みを行った際のメモ。 どのゲームかはあんまり大きい声で言えない？ので、もし知りたければ twitter で聞いてもらえば。 今回は基本中の基本で、そもそも FlashCC がどういう形の CreateJS のコードを書き出すのかを細かく書いている。全3回くらいでお送りする予定です。 サンプルコードと言ってもただ MC を数個配置しただけだが一応 Github においてある。 サンプルでは test.fla というファイルを作り、とりあえず4つの各種インスタンス(ムービークリップ、ボタン、グラフィック、ビットマップ)を配置する。(今回は描画部分のみにフォーカスするのでサウンドについては省略) また、合わせてCreateJSの公式ドキュメントにも一通り目を通す、

Adobe Animate CC（旧Flash Professional CC）の「メタデータAPI」機能について紹介します。メタデータAPIとはAnimate CCの新しいコンポーネントの仕組みのようなものです。従来のFlashコンポーネントを自作しようと思うと、手順が煩雑で作るのも使うのも面倒な部分がありましたが、メタデータAPIを使えばもっとスマートにコンポーネントのようにMovieClipやTextFieldインスタンスを扱うことができます。 メタデータAPIとは Animate CC上からJSFLのAPI経由させることで、Animate CC上で作成したインスタンスに自分で指定した独自データを埋め込み可能 ステージに置かれたインスタンスのみデータは埋め込みが可能 埋め込めるデータのタイプは string、integer、doubleの3種類 ▼書き出しパターン SWFへのデータ埋

FlashCC でパブリッシュした CreateJS ファイルで callback 付きの gotoAndPlay を実現するJavaScriptflashCreateJS ご世間様はアレに夢中な中で、CreateJSさんのニッチな話題です。 簡単な機能要件 必須 TARGET_LABEL を再生したとき、TARGET_LABEL_end まで辿り着いた瞬間に callback が発火すること Flash 内のスクリプトの動作に影響を及ぼさないこと CreateJS 本体の改造は出来る限りしないこと。ただし、後から prototype を拡張したり弄ったりするのは OK とする（した） Flash 内スクリプトでも、外部のスクリプトからでも呼べるようにすること 努力目標 再生中、任意のタイミングで gotoAnd(Play|Stop) もしくは同メソッドが呼ばれた場合は、callback

業務ではじめてToolkit for Createjs使いました。 その所感というか、ハマったところ・気をつけなければならないことも多々あったのでメモ。 flash内の画像ファイル名やインスタンス名には気をつけよう flash内で画像ファイル名やインスタンス名が日本語だと、パブリッシュで生成されるjsファイル内に２バイト文字が混ざることになる。これは最悪。 今回はデザイナーさんにflashでアニメーションをつくってもらったあとにそのことに気づいてしまったので、お手数ながたリネームしてもらったということがあったので、以後デザイナーさんにToolkit for Createjsでアニメーションをつくってもらうときは注意が必要。 画像読み込みについて 画像のファイル数は比較的多くなりがちになるのだと思うけど、 地獄の“大開発者”養成ブログ — クレイジー極まりないToolkit for Crea

あけましておめでとうございます、鴨田です。 今年一本目のアシアルブログの投稿になります。 今年もどうぞよろしくお願いいたします。 さて、昨年末に弊社で開発を行った案件として、 FlashコンテンツのiOS/Androidアプリ移植というのがありました。 Flashの移植では、いろいろと手法はあると思いますが、 今回は純粋にネイティブアプリに移植しました。 開発手法の選定や開発中の試行錯誤について、お話ししたいと思います。 手法の決定に関して まず、元のFLAファイルが一つだけではなく、 複数のFLAファイルに分かれていたこと、 元のFLAファイルが存在しないコンテンツが存在していた、 ActionScriptがそもそも2.0だった、などのことから、 Abobe AIR for iOS/Androidを使うことはありませんでした。 いろいろな情報を集めた限りでは、 AIRで出来るのであれば、

こんにちは、フロントエンド・エンジニアの荒井です。 今回はJavaScriptを生成する代替言語（いわゆるaltJS）のひとつ、TypeScriptについての紹介です。 普段はFlashコンテンツ/AIRアプリの開発がメインのため、まだまだTypeScriptを案件などで本格導入する程に使いこなしているわけではないのですが、TypeScriptのコードを色々と試してみてこの機能が便利だなとか、こういう使い方をすると良さそうといった内容をFlash開発者の視点を交えて話をしたいと思います。 TypeScriptを選ぶ理由 TypeScriptで気に入った機能 個人的な要望 TypeScriptを選ぶ理由 普段ActionScript3.0(以下、単にActionScript)で開発を行っている私からすると、JavaScriptにはないクラスベースの開発と静的型付けの2つがあればまずは充分なの

2013年7月26日（金）、日本マイクロソフト品川本社 Seminar RoomでCreateJS勉強会（第4回）が開催され80名を超える方々が来場されました。勉強会のフォローアップとして、発表資料「CreateJSとToolkitで納品レベルまで最適化・高速化する方法」のスライドを公開します。 発表資料へのリンク 資料では最適化がなぜ必要なのかという理由を説明したうえで、最適化のさまざまな手法を紹介しています。なお、この資料の方法でどれだけ最適化できるのかわかるビデオを撮影しましたのでこちらの動画をご覧ください。