Flashゲームをどのように近代化したか

この投稿では、FlashゲームのFrogFractionsを最新のプラットフォームに導入した方法を紹介します。その結果、Haxeを使用してUnityに部分的に自動化されたポートを作成しました。この投稿は、コードベースをFlashにアップグレードしようとしている人にとって興味深いものです。投稿には、Frog Fractions：Game of the DecadeEditionとそのDLCHopのIconicCapの構造に関するネタバレが含まれます。



後カエル画分2は、私をリッチにすることができなかった、私がやっておよそ一年を過ごした契約の仕事を してスケッチ/試作します。それから妻が妊娠し、家族を養うために本当の仕事を探す時が来たと思いました。 GDC 2018の開始前に、私は会議で適切な人を見つけることを期待して、仕事を探すことについてのツイートを投稿しました。いくつかの場所でインタビューを受けましたが、最も重要なことは、次のプロジェクトの資金を見つけることができたことです。



プロジェクトは次のようなものでした。次のFrogFractionsゲームをFrogFractions 1内に隠し、Steamで販売します。



Frog Fractionsは、Actionscript 3の約13k行のコードであり、Flexコンパイラを使用して構築されています。新しいリマスターコンテンツを追加すると、ボリュームは3倍になり、約4万行のコードになると思いました。（そして私の見積もりは非常に正確であることが判明しました-元のゲームに加えて、カットシーン/ダイアログツリー用の28k C＃コードと3k行のスクリプトが判明しました。）



さらに作業するためのいくつかの可能なオプションを検討しました。

• AS3 Adobe AIR. , :
  
  
  • Frog Fractions 640x480. . 2012 , , 2020 Steam .
  • Flex , 10k , . 40k ? ( , , .)
  • Flash . AIR 2020 ? (, ! .)
  • , - . , Scaleform (The Banner Saga, Road Not Taken), , Scaleform - 2020 . (, 2018 Autodesk Scaleform, — UI.)
• Flash VM -. Flash , . Ruffle. , ?
• C#/Unity. .
• : Flash, , Unity. , «-» . , , , Unity, Windows. ( , , , TCP- . Flash , , Unity, .)
• Haxe OpenFL. as3hx AS3 Haxe, OpenFL Flash API. OpenFL , .

ここで強調したいのは、これらすべてのアプローチは、FrogFractionsが本質的にSWFにコンパイルするために作成したプログラムであるという事実に基づいているということです。それがFlashアニメーションのタイムラインであり、その相互作用がスクリプトによって提供されている場合、私のソリューションがあなたのゲームにどのように適用できるかを判断できません。



私は前進する方法についてアドバイスを求めましたが、最も有用なものはLars Dusetから提供されました。彼は、HaxeにはC＃バックエンドがあり、そのターゲットプラットフォームはUnityである可能性があると述べました。彼はまた、最初にワークフローを考え出し、それを使用して小さなプロジェクトを移植するようにアドバイスしてくれました。



（私自身への注意：ゲームのクレジットにLars Doucetを追加してください。私たちの通信を読み直すまで、彼がプロジェクトにどれほどの影響を与えたかは想像できませんでした。）



1週間の実験の後、UnityエディターでFrog Infarctions（Sosa Sosovskiの0時間のゲームジャムを書いたゲーム）を実行することができました。結果は完璧ではありませんでしたが、実装の実現可能性を理解するのに十分だったので、私はメインプロジェクトに取り組み始めました。



これが私のワークフローの結果です。これらの操作は1回実行する必要があります。

• as3hxを使用して、コードをAS3からHaxeに変換します。
• 必要に応じて、生成されたas3hxコードを手動でクリーンアップします。

その後、次の操作を繰り返し実行します。

• コードベースをHaxeに移植して、FlashAPIの代わりにUnityAPIを使用します。
• C#- Haxe Haxe C#. Haxe, UnityEngine.dll, API hx. Assembly-Csharp.dll C#, .
• Unity.

作業の最初の週は非常に面倒でした。as3hxが不整合としてマークした式をクリーンアップし、追加されたコンパイラエラーを修正し、I / O呼び出しを処理する必要がありました。 Haxeのバグの修正は完全ではないため、どんなに頑張ってもビルドしようとするたびに約30のエラーが発生し、すべてがエラーなしでコンパイルされるまで、どれだけ完了に近いかわかりませんでした。また、as3hxは検索と置換のトランスレータであり、ASTとの間で変換を行う実際のトランスパイラーではないようです。これは、コードを括弧の反対側に配置するなどのエラーが追加されるためです。フロー制御は、特定のスタイルのブラケットを使用します。



これで、C＃ターゲットに正常にコンパイルできるHaxeコードベースを取得しました。その後、AS3コードに触れたことはありません。 （以下で説明するグラフィカルなアセットエクスポートプロセスを除きます。）この時点で、Haxeを捨てて、C＃で作業することにしましたが、as3hxの出力は元のコードと非常に似ていますが、中括弧のスタイル、コードの順序、コメントを維持しながら、Haxeからの出力はC＃は明らかに人間の目のためのものではありません。そのため、今後、新しいシーンを作成しなかった場合は、Haxeコードを編集し、C＃でコンパイルしました。



この時点で、コードはUnityエンジンでコンパイルおよび実行されましたが、I / Oはありませんでした。次のステップは、UnityAPIを使用してすべてのI / Oコードを再作成することでした。これとリソースの変換には約4か月かかりました。これは主に、FrogFractionsにさまざまなリソースタイプがあるためです。

• Flashエディターで描画されたベクターグラフィック。私はそれを4kとしてレンダリングし、AIRに元のゲームをビルドさせましたが、アニメーションフレームをレンダリングしてPNGファイルに書き込むだけでした。次に、TexturePackerを使用して、それらをスプライトシートに組み立てました。
• , Flash Shape API. Flash , , Photoshop . . Unity . , , 9-slices, .
• SVG, OpenClipArt.org. , , .
• , Flickr. preserve details Photoshop, , 4k- , .
• . , . , 4k. , , — !
• . Flash- , Marching-Cubes . 4k, , . , .
• , .
• . 2015 Unboxing Story Unity API . 2018 . !
• . .wav .
• MP3 64kbps mono, , , Amazon S3, , OST.

フルスクリーンシェーダーとビデオ再生を除くリマスターのすべて、および新しいストーリーのほとんどは、Unityシーングラフのオブジェクトとしてではなく、Graphics.DrawMesh呼び出しを使用してレンダリングされます。だから問題は、Unityは本当にこのプロジェクトにぴったりなのかということです。CraigTympaniと私がGlittermittenGroveのエンジンを選択して



いる間、FNAのため、クロスプラットフォームのサポートが優れているため、Unityに落ち着きました。まだ準備ができていません。独自のエンジンを構築することは、ゲームを決して終わらせないための優れた方法だからです。最終的に、Unityの2Dサポートが不十分であることに悲しみましたが、MacとLinuxのバージョンをほとんど問題なくリリースすることができました。これは、私の意見では大成功です。 （おそらく、Unityの2Dサポートは2015年以降改善されていますが、私はそれを研究していません。Graphics.DrawMeshは私にとっては問題なく動作します。たぶん、FNAでさえ、リソース処理パイプラインが機能するようになりました！）



このプロジェクトでは、主に慣性によってUnityを選択しました。 -上記の研究プロジェクトを実施しなければならなかったので、新しいエンジンをわざわざ勉強したくありませんでした。 Unityは、コンソールを含め、ゲームを移植したいすべてのプラットフォームをサポートしています。



ああ、それから私は追加のゲームを作成しました！このクリエイティブなプロセスについては、おそらく別の投稿で説明します。ここでは、Haxeでトランジションシーンをまとめ、残りの新しいゲームをC＃で作成したことだけを説明します。さらに、Haxeコードベース内のメインメニューに大幅な変更を加えました。したがって、Haxeに移植した後、Haxeで開発を行うことにより、コードの更新をリリースし続けることはかなり可能であるように思われます。



また、元のコードにいくつかの最適化を行いました。 AS3コードは、「完璧なコード」を目指して努力することを避けようとしていたため、効率を考慮せずに意図的に作成されました。たとえば、すべての算術演算のヒープにVector2を割り当てることで逃げることができるとは信じられませんでした。結果の結果は2012年のコンピューターでうまく機能しましたが、二重変換後のパフォーマンスが最も悪い部分はかなりの負荷を引き起こしたため、最新のPCでうまく機能するには、ネイティブC＃でコードの一部を書き直す必要がありました。



また、元のゲームのサイズを大幅に拡大する予定がなく、Flashと一緒に死なないようにしようとした場合は、OpenFL、AIR、またはRuffleの方が賢明な選択になる可能性があることにも注意してください。



ゲームをリリースすることは、彼女に別れを告げるようなものでした。私はFlashでの作業を楽しんだ。当時、これは最小限の労力でゲームを人々に見せるための最良の方法であり、彼らは永遠に生きているように見えました。90年代のSWFは、数十年経っても最新のFlashプレーヤーで問題なく動作します。明らかに準備ができていないときに世界がHTML5に移行しようとするのを見るのは、大変なことでした。（率直に言って、状況は良くなるどころか悪化します。最も人気のある2つのブラウザーの所有者が独自の電話アプリストアを持っている限り、ブラウザーが再び再生可能なプラットフォームになることはないと思います。）彼は新しいゲームを売りたいと思っていましたが、ゲームの歴史の一部を維持したいという誠実な願望からも。私と一緒に彼女に戻ってきてくれてありがとう！