actionscript-3 - フラッシュで泡やガスの効果を作成する方法は?

Question

レモン ジュースと重曹の実験用のアニメーションを作成しようとしていますが、この画像に示すような発泡効果をどのように作成できるか疑問に思っていました。

私が念頭に置いているアイデアは、Photoshop でフォームを描画し、モーション トゥイーンを使用してサイズを変更することです。これに対するより良い解決策を見つけられることを望んでいました。

Answer 1

私はあなたがおそらくあなた自身のことをするための踏み台として使うことができる幾分似たようなものを持っています。

http://www.shaunhusain.com/SteamEffect/

http://www.shaunhusain.com/SteamEffect/srcview/index.html

現在、私はこれを使っていくつかの円を描き、それらにぼかしを設定しています（あまり効率的ではありませんが、バジリオン粒子を作成する必要がなかったため、「蒸気」として効果的でした。意図された目標）。私が自分の描画に使用している形状/フィルターを交換して、同じ基本構造を使用することができます。

編集

おそらく、これには少なくとも少しの説明が必要です。

基本的に、SteamCanvas.mxmlとBitOfSteam.asの2つのファイルを確認する必要があります。正直なところ、SteamCanvasをmxmlファイルとして作成することにした理由がわかりません。Canvasを基本クラスとして使用することを選択したので、他のコンポーネントをコンテナとしてラップし、リージョン内の任意の場所でマウスクリックを検出できるようになりました。これが純粋なFlash環境で使用されている場合、つまりFlexライブラリ（またはmxmlcコンパイラ）を使用していない場合は、Spriteから拡張して純粋にAS3で記述できるように変更できます。基本的に、creationCompleteコードのみをコンストラクターに移動する必要があります。 。これがどのように機能するかは、SteamCanvasは、配置するコントロールやコンポーネントのラッパーです（通常のキャンバスが絶対配置を使用するのと同じですが、必要に応じて、レイアウトを定義するコンテナーをネストすることができます）。SteamCanvasはタイマーを設定し、タイマーが作動したときにマウスを押すと、BitOfSteamのインスタンスが作成され、SteamCanvasesが現在設定しているプロパティに基づいてSteamのプロパティが設定されます。プロジェクトでは、SteamCanvasのプロパティを変更するためのスライダーが付いた、実行中のファイルであるSteamEffectTest.mxmlも表示されます。これらを使用して、ある程度作成するのに適した値を考え出しました。リアルな蒸気。私が覚えているなら、私は明日このコンポーネントを再訪し、マーティの提案を取り入れてそれを更新しようとします。mxmlは、SteamCanvasのプロパティを変更するためのスライダーが付いた、実行中のファイルです。これらを使用して、ある程度リアルなSteamを作成するための適切な値を考え出しました。私が覚えているなら、私は明日このコンポーネントを再訪し、マーティの提案を取り入れてそれを更新しようとします。mxmlは、SteamCanvasのプロパティを変更するためのスライダーが付いた、実行中のファイルです。これらを使用して、ある程度リアルなSteamを作成するための適切な値を考え出しました。私が覚えているなら、私は明日このコンポーネントを再訪し、マーティの提案を取り入れてそれを更新しようとします。