actionscript-3 - 如何在闪光中产生泡沫或气体效果？

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 实例并根据 SteamCanvas 自己当前设置的属性设置 Steam 的属性。在项目中，您还会看到一个 SteamEffectTest.mxml，它只是您看到正在运行的文件，上面有滑块来更改 SteamCanvas 的属性，我用这些来提出我认为很好的值逼真的蒸汽。如果我记得我明天会重新访问这个组件并尝试采纳 Marty 的建议来更新它。mxml 这只是您看到运行的文件，上面有滑块来更改 SteamCanvas 的属性，我用这些来提出我认为很好的值来制作一些逼真的蒸汽。如果我记得我明天会重新访问这个组件并尝试采纳 Marty 的建议来更新它。mxml 这只是您看到运行的文件，上面有滑块来更改 SteamCanvas 的属性，我用这些来提出我认为很好的值来制作一些逼真的蒸汽。如果我记得我明天会重新访问这个组件并尝试采纳 Marty 的建议来更新它。