Edge Animate 1.5が出たので生成ファイルを1.0.1と比較してみた。

つい先日ですが、Edge Animate 1.5がリリースされました。

自分は、無償でここまで使えるアドビのWeb制作ツール for デブサミ2013 – SSSSLIDEのスライドを眺めていて、あれ??1.5って書いてあるって思って調べたら気づいた次第。

開発ブログにも書いてありました。→Adobe Edge Animate 1.5 is here, bringing new design capabilities to the web « Adobe Edge Animate Team Blog

というわけで、最近使い込み始めているので、Edge Animate 1.0.1と1.5の生成ファイルを比較してみました。

今回のテストでは、ファイル比較のみで、再生パフォーマンス、アプリケーションのUIの変化、追加機能については言及しないのでご注意ください。

続きを読む →

Edge Animateでドラクエ風バトルシーン(簡易)を作ってみる

Edge Animateの性能を見極めるため、ちょっと込み入ったものを作りたいと思い、ドラクエ風バトルシーン(簡易)を作ってみました。

※執筆時点でバージョン1.0.1でご説明します。

今回のドラクエ風バトルシーン(簡易)の要件定義

あくまでドラクエの想定でつくるので、簡易的なものにします。

そもそもEdgeはFlashのように複雑なインタラクションになってしまうと時間がかかってしまうので以下のように制限しました。

  • スマートフォンでの動作を想定する
    • Android2.3
    • Android4.0以上
    • iPhone4以上(手持ちの実機ではiPodTouch iOS5.1想定)
  • Edgeでは複雑なインタラクティブの動作はせずクリックして進む方法をとる。
    • clickのみ
    • 簡易的な連打防御も入れる
  • 外部からデータシナリオは配列でもらう。Edgeは再生するだけとする。
    • いろいろなパターンは想定せず、流し込む1パターンのみ。
    • 既にシステムでバトル結果が出ていて、生死判定・勝敗判定については内部で演出するイメージ
  • 今回はユーザー勝利の想定で作る。
    • とはいえある程度はバトルをする。

といったところで、ざっくり決めました。

続きを読む →

監視しているSwiffyHTMLからJSONを抽出するnode.jsスクリプトを書いてみる

ここのところ、JSFLでSwiffy出力後に手を加えたり抽出したりする仕組みを書いているのですが、実行し忘れたりすることも多いので、node.jsのファイル監視を利用して「監視しているSwiffyHTMLからJSONを抽出する」node.jsスクリプトを書いてみました。

今回の仕組み

  • node.jsスクリプト名はswiffywatch.jsとする
  • 特定のファイルを監視します
    • 今回はtest.flaから出力されるtest.swf.htmlをターゲットとします
  • 変化があるとtest.swf.html内のswiffyJSONをとりだす
  • 抽出したJSONはtest.jsonとして保存する

続きを読む →

Adobe AIRのStageWebViewをiOSとAndroidで試してみる。

年末最後のエントリーですが、今回はAIRのStageWebViewをiOSとAndroidで試してみようと思います。

StageWebViewとは

まず、StageWebViewとはなんぞや、という話ですが、モバイルアプリケーション内でブラウジング機能を利用するためのクラスです。早い話がネイティブアプリ内でブラウザが貼り付けられる機能です。これを使うメリットとしては表示の更新頻度の高い場所をHTMLに任せることで、アプリの作りを変えずに表示を変更できたりします。

StageWebViewの詳しい使い方としては以下のリンクが詳しいです。

Adobe AIR 2.6 マスターシリーズ 第4回 モバイルAPI その2 | デベロッパーセンター

続きを読む →

Google Swiffyがversion 5.0にアップデートされ、ついにActionScript3.0対応が追加

Google Swiffyが1ヶ月の小休止を経て、ついにversion 5.0にアップデートされました。

Google Swiffy

December 11, 2012 (version 5.0.0)

  • Added experimental support for ActionScript 3.0.
  • Added support for useHandCursor (AS2).
  • Improved compatibility with Internet Explorer 10.
  • Improved rendering performance.
  • Improved rendering of newlines in dynamic text.
  • Fixed a problem that caused embedded fonts to affect other text on the page.
  • Fixed a problem with conditionals in SWF 4.

おや?ActionScript 3.0の文字があるような。では、早速訳してみます。

続きを読む →

WordPressとおやつの会 #9 いってきました。

WordPressの最近のカスタマイズをおさらいしたくて、「WordPressとおやつの会 #9」に行ってまいりました。

というわけで、勉強会のメモをおいておきます。

今回の話題は「WebデザイナーのためのWordPressテーマ作成入門」ということで、WordPressの一機能「テーマ」を重点的に、テーマをカスタマイズする方法について勉強しました。

続きを読む →