A Brief Introduction in English

JSplash is a conversion tool, that converts SWF movies to javascript. Converted script renders shapes with SVG and rewrites ActionScript dynamically to run on browser's JS Engine. You can see a demonstration at http://www.libspark.org/svn/ruby/jsplash/trunk/client2/demo_20081001.xml

Left one is a screenshot of the movie running on JSplash. And right one is running on Official Flash Player. Running on Google Chrome, JSplash is fast enough to pretend it runs on official player.

---

先日、大崎で行われた Spark勉強会3 の資料をslideshareにアップロードしました。

内容は、「JSplash」という、swf（Flashムービー）をJavascriptとSVGだけで再生できるよう変換するツールのお話です（エミュレーションと移植の中間のような方法で動かします）

時間の都合で、デバッグ用の酷いムービーをそのままデモに使ったり、塗り（フィル）のルーチンが完成していなかったりで中途半端になってしまいました。すみません。

発表の後、いろいろ実装を追加してそれなりのデモが動くようになったので、あらためて紹介します。デモ実行の推奨環境は Google Chrome です。

---

バウンドデモ

http://www.libspark.org/svn/ruby/jsplash/trunk/client2/demo_20081001.xml

(左: JSplash) (右: 正規のFlash Player)

変な生き物(?)が上から落ちてきて、1回バウンドするデモです。数フレームのスプライトと、数十行のActionScriptで構成されています。本家Flash Player版とJSplash版を見比べられるようになっています。Google Chromeで実行すると、十分な速度が出るので本物と見分けがつかないぐらいだと思います。

魔理沙

お約束の「魔理沙」です。自分の作品じゃないので、スクリーンショットを並べておきます。

iosysのロゴ。上下の影が出てませんが、わりと忠実

重なり順の関係で、上下のオビが消えてしまいました。

タイトルはけっこうきれいに出ます

ときどきヅラがずれます。 これはみっともない。

生成されたSVGオブジェクトの一覧。

gotoFrameなどで戻ってくる場合に備えて、一度生成したオブジェクトを捨てずにとってあるのですが、純粋なアニメ系Flashの場合はこれが裏目に出てしまいます。適宜破棄する処理が要りそうです。

２ちゃんねる大王

序盤は想像以上の出来

ときどきキャラクターが消えたり位置が飛んだりします。位置指定まわりで仕様を読み違えてるかもしれません

キャラクターが二重に。後半はずっとこの現象が出てしまいます。

完走目前、ここで画面停止。残念。

最後に

隣の研究室の方にiPod touchをお借りして記念撮影。ちなみに、遅すぎてがっかりしました。