FlashからHTML5に変換してくれるWebサービス「Google Swiffy」使ってみた

キーフレームアニメーションの変換

Flashのサポートは「SWF 8」「ActionScript 2.0」とのことです。フレームレートは30fpsが丁度いいようです。
最初は簡単にキーフレームアニメーションでも試してみようかなと思いこんなのを用意しました。

01.swf

Google Swiffyに下記リンクからアクセスします。

Google Swiffy

「ファイルを選択」で作成したswfを選択して「Important」にチェックをして「Upload and convert」をクリックですぐに変換できます。
ページの一番下に変換されたhtmlのリンクが表示されています。

変換されたhtmlファイルです。

01.html

中身はこんな感じになってました。
文字はどうなっているんですかね、、、

ActionScriptで停止

ActionScript3は使用できなくて2が一部使用できるようです。
stopだけでも使用できればこの用途では十分ですかね。

1
stop();

ActionScriptだけで動かす

ゲームのサンプルもあったのでこれで動くのかなと思ったのですが動きません。

1
mc.onEnterFrame = function(){
2
  this._x += 5;
3
}

ムービークリップに直接記述しないといけないっぽいです。

1
onClipEvent (enterFrame) {
2
  _x += 5;
3
}

クリックイベントとか

イベントもやっぱりMCに書くみたいです。

1
onClipEvent (load) {
2
  var flug = true;
3
}
4
onClipEvent (enterFrame) {
5
  if (flug == true) {
6
    _x += 5;
7
  }
8
}
9
onClipEvent (mouseDown) {
10
  flug = !flug;
11
}

丸をクリックすると止まります。

02.html

512KBまでしかアップできないということもあり、以前作成したものはほとんど試せなかったのですが、キーフレームオンリーのムービーなら思ったよりも良い感じにコンバートできた気がします。