如何在閃光燈中創建起泡或氣體效果？

Question

我試圖創建一個檸檬汁和蘇打粉的實驗動畫，我想知道我怎麼可以創建一個發泡的效果，如本圖所示的一個：

的想法，我有記住是簡單地在Photoshop中繪製泡沫，然後使用補間動畫來改變大小。我希望能找到更好的解決方案。

Answer 1

我有些東西有點類似，你可以用它做跳板來做自己的事情。

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

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

目前我只是畫一些圈本，然後設置他們（不是非常有效的模糊，但我知道它服務的旨意，因爲我沒有它需要創造一個bajillion粒子仍然是有效的「蒸汽」，這是預期的目標）。你可以換出我用於自己繪圖的形狀/過濾器，並使用相同的基本結構。

編輯

也許這至少需要一點解釋：

基本上你會想看看這兩個文件SteamCanvas.mxml和BitOfSteam.as。說實話，我不知道爲什麼我決定將SteamCanvas編寫爲mxml文件。我選擇使用Canvas作爲基類，因此我可以將它作爲容器包裝在任何其他組件中，並能夠檢測區域內任何地方的鼠標點擊。如果這是在純Flash環境中使用的，那是一個不使用Flex庫（或mxmlc編譯器）的環境，它可以改爲從Sprite擴展並純粹在AS3中編寫，實質上只需將creationComplete代碼移動到構造函數。這是如何工作的，SteamCanvas是你想要放入的任何控件或組件的包裝器（就像普通的畫布使用絕對定位一樣，但如果需要的話，可以有定義嵌套的佈局的容器）。 SteamCanvas設置一個計時器，如果計時器滴答時鼠標關閉，它會創建BitOfSteam的實例，並根據SteamCanvases自己當前設置的屬性設置蒸汽屬性。在這個項目中，你還會看到一個SteamEffectTest.mxml，它就是你看到的運行的文件，它上面有滑塊來改變SteamCanvas的屬性，我用它們來提出我認爲是有價值的東西逼真的蒸汽。如果我記得我明天會再次訪問這個組件，並嘗試採用Marty的建議來更新它。