最高のコンピューティング環境とは?

2011-11-13

[][]スマートフォンブラウザでのアニメーションに関するツールのメモ

生成するhtmlコードに関する部分が中心。

まだ修正・追記をする予定。Adobe Edgeを追加予定。

  • [2011/12/31 コメントで指摘をいただいたExGameの間違いを修正]

Swiffy v3.6

Flash(swf)をhtml5を使ったコンテンツに変換できるGooglewebサービス。ActionScript2まで対応。

Google Lab廃止から生き残ったし、アップデートもされているので、Googleも力を入れている模様。

生成するhtmlコード

Wallaby Technical Preview

Flash(fla)をhtml5を使ったコンテンツに変換できるAdobeアプリケーション

Swiffyとは異なりActionScriptには対応していない。

生成するhtmlコード

Reel, ExGame

ReelはグリーのFlash(swf)のjavascriptランタイム

ExGameはDeNAFlash(swf)のjavascriptランタイム

Sencha Animator1.0

CSS Transistion/CSS Animationを利用したアニメーション作成ツール。Adobe Flash Professionalに近い位置づけ。

ユーザーインタラクションも対応している。

アニメーションと簡単なインタラクティブコンテンツの作成に利用できるが、スクリプトからの操作するIFがほとんどない現状ではゲーム作成などは難しい。

生成するhtmlコード
  • ライセンス
    • 実は利用する場合の一番の懸念点がここにある。通常ライセンスは$199。ただし、広告素材の作成がライセンスで許可されてない。
      • 広告素材というとバナーなどが含まれそうだが、例えばゲームアニメーションに利用した場合にそのゲーム画面のムービーを広告に利用するケースに問題な以下などを業務利用の前に問い合わせる必要あり。
  • UI
    • Adobe Flash Professionalに似ているが、フレームベースではなく、時間ベースのタイムライン
      • CSS Animation/CSS Transitionを利用しているのでframeベースのように厳密な同期が難しいということも関係しているのかも。
    • 移動の軌跡が表示されるなど、視覚的に非常に使いやすいUI
    • グラデーションなども自由に設定可能
  • 生成するコードがシンプルなので、メンテナンスコストは上がるがAndroid/iPhoneバグなどを生成結果に手を加えて避けることができるかも。

ジードらジードら 2011/11/22 11:13 Greeのドリームナインのツール作ってもらえませんか

sousksousk 2011/12/04 21:03 > 勉強会の発表などによると、ユーザーアクセス時にswfを変換している模様
Reel でしょうか。
ExGame に関して言えば、アレは SWF を直接実行解釈しています。
JavaScript で記述された SWF Runtime です。

ndrugerndruger 2011/12/31 16:11 >ジードらさん
Greeのドリームナインのツールというものがいまいちわかりませんが、仕事の話であればフリーではないので難しいです。


>souskさん
仰るとおり間違った記述ですね。修正しました。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/ndruger/20111113/1321205098
リンク元
Connection: close