10年以上前にParaFla!で作ったフラッシュを、フラッシュエミュレーター『Ruffle』で開いてみました。

というわけでFlashを再生できました。内容は2コマアニメです。当時としてもGIFで十分な習作ですが、もう二度と開けないファイルだと思い込んでいたので嬉しいです。

Flash終わってなかった

Flash Playerは2021年に公式サポートが終了され、ブラウザで見ることが出来なくなり完全に過去のものだと思っていました。

でもそんなことはなかったです。Flash終わってなかった。

有志の方々が開発しているフラッシュエミュレーターにより、ブラウザでFlashが再生できるようになりました。新作Flashゲームも複数確認しています愛がすごい。

開くだけなら、RuffleのデモページにswfファイルをD&DすればOKです。

WordPress内で動かす

Ruffleの丁寧な解説記事があり助かりました。

思っていたよりずっと簡単でした。Ruffleすごい!

私の環境では上記の記事の内容に変更が必要だったので、今回のカスタムHTMLの内容を書き残しておきます。

<div id="flashContent"></div> <!-- divのIDを指定 -->
<script src="https://unpkg.com/@ruffle-rs/ruffle"></script> <!-- ruffleを先に読み込む -->

<script>
    window.RufflePlayer = window.RufflePlayer || {};
    window.addEventListener("load", (event) => {
        const ruffle = window.RufflePlayer.newest();
        const player = ruffle.createPlayer();
        const container = document.getElementById("flashContent");
        container.appendChild(player);
        
        player.style.width = "200px"; // 横サイズ
        player.style.height = "200px"; // 高さサイズ
        
        player.load("/wp-content/uploads/flash/test1.swf"); // swfファイルのパス
    });
</script>

swfファイルをどこに置こうか迷いましたが、通常はwp-content/uploads/に入れるのが無難とのこと(byChatGPT)。flashファイルを作りtest1.swfをアップロード。Wordpress初心者なので色々勉強になりました。この方法ならサイトにRuffleを置かなくていいのでとても楽です。

ID(2か所)を変更すれば、同じページに別のFlashを置いても大丈夫でした。

昔作ったFlashをいくつか開くことができたものの、大半は日本語部分が非表示になったり文字化けしたりしていました。Adobe Flash Playerでは表示されたので、Ruffleはこれから対応していくのかも。公式以外の制作ツールだったことが影響しているのかも。

テキストボタンは見えないものの、クリックで反応しました。

肝心の内容については黒歴史というか思い出としてストレージの奥にしまっておくことにします……。

追記:その後検索していたら日本語版デモの配布情報が。すごい!


ParaFla!の思い出

Flash作品を見たり遊んだりしているうちに自分でも作ってみようという気になり、ParaFla!を使っていました。無料ツールの存在は神でした。

リリースが2004年ということは今年20周年!? すごい!

公式サイトは既に閉鎖しているようです。

編集ファイルの中身が見たかったものの、今のパソコンではParaFla!を開けませんでした……。

ブラウザ(IE)にFlash Playerプラグインが入っていないと起こるエラーでした。どちらも今となっては入手が難しいのでは……。ネット接続していない昔のPCを持ってくれば開けそうではあります。

ParaFla!の編集ファイルをメモ帳で開いたところ、システム的な部分だけが文字化けしていて、日本語で書いたテキスト(会話文など)はそのまま読めました。画像データは残っていないので、どちらにしても編集は出来なそうです……。それが分かっただけで満足です。未完成のFlashもとりあえず出力しておくんだったと思いつつ、少しでもファイルが残っていたことに感謝……。

ParaDraw

こちらの記事を参考に、ParaDrawのファイルをいくつかSVGに変換できました。(ParaDrawはParaFla!付属のベクター画像制作ツールです。)ありがたい変換ツールの無料提供に感謝……。

200X年最終更新のこのファイルの中身は一体……。

akami-0.svg (スクショ)

なんだこれ。

その他のファイルもこんな感じでした。終。

何かに影響されていたみたいです……。

Flash作れるじゃん

Flashを作るには昔のパソコンの日付設定を弄るしか方法がないと思っていましたが、最新のAdobe Animateで普通にswfファイルが作れるとのこと……。

全然Flash終わってないじゃん!!

大々的に騒がれていた「Flash終了」とは何だったのか???

これについて誤解している人はかなり多いのでは。少なくとも私だけということはないはず……。Flash Playerのサポートが終了したというだけで、Flash自体はあり続けていたのですね。

作ってみた

過去のよく分からないベクター画像に価値を見出だせました。

アクションスクリプトを学べばもっと面白いことが出来そうです。

おわりに

Flashについての個人的な誤解が解消できてよかったです。

2年前にゲーム制作イベント『あほげー』に参加したとき、Flashのゲームがあり、しかもブラウザで遊べて驚きました。そこでRuffleを知りました。その後すぐこのサイトでRuffleが使えるか確認したものの、Wordpressでの再生がうまくいかず(テーマとかプラグインの相性かも)、しばらく放置してしまっていました。今回色々なことが解決し、初めて公式ツールによるフラッシュが作れてとても満足です。

Ruffleに感謝……。

Categories: