Archive

Posts Tagged ‘downloads’

How to create bubbles in flash (ActionScript 2.0)

February 4th, 2009 7 comments

Here is a simple peice of ActionScript that can also be used to create snow or rain. I've seen a few particle engines on the net that I easily could have used but I wanted something simpler.

So this is what I came up with.

  1. var total:Number = 30; //total number of bubble
  2. var sw:Number = Stage.width; //stage width
  3. var sh:Number = Stage.height; //stage height
  4.  
  5. for (var i=0;i<total;i++){
  6.  
  7. var bubble:MovieClip = this.attachMovie("mcBubble",
  8. "mcBubble"+i,this.getNextHighestDepth());
  9.  
  10. // set the initial random speed
  11. bubble.yspeed = random(500) + 3;
  12.  
  13. // set the initial random position
  14. bubble._y = sh;
  15. bubble._x = random(sw);
  16.  
  17. // set the initial wobble factor (the X movement)
  18. bubble.xspeed = random(3);
  19.  
  20. if (random(2) eq 1) {
  21. bubble.xspeed = -bubble.xspeed;
  22. }
  23.  
  24. bubble.onEnterFrame = function(){
  25.  
  26. // the bubble movement
  27. this._y = this._y - this.yspeed;
  28.  
  29. // check if the bubble is out of the top of the screen
  30. if (this._y <= -15) {
  31.  
  32. // then reset to the bottom
  33. this._y = sh;
  34. this._x = random(sw);
  35. this.yspeed = random(5) + 3;
  36.  
  37. // now to randomise the scale of the bubble so
  38. // we get a few wee ones too
  39.  
  40. scale = 2 + (random(8));
  41. this._width = scale;
  42. this._height = scale;
  43.  
  44. // set the initial wobble factor (the X movement)
  45. this.xspeed = random(3);
  46.  
  47. if (random(2) eq 1) {
  48. this.xspeed = -this.xspeed;
  49. }
  50. }
  51.  
  52. // change the X value of the bubble
  53. this._x = this._x + this.xspeed;
  54.  
  55. // the bounce code for either the left or right of the
  56. // margin for the bubble
  57. if (this._x > 100 or this._x < 50) {
  58. this.xspeed = -this.xspeed;
  59. }
  60.  
  61. }
  62.  
  63. }

Easy.. now this is what it looks like.

You could make it more realistic by tweaking the speed, wobble values and add blurs or better graphics but what I needed  it for, this is perfect.

Download the Source Code - Use it any way you want, just let others know how you used it by leaving a comment. Peace!

Enjoy.

SEO Powered by Platinum SEO from Techblissonline