Printable View
I need some help! I am developing a flash movie where a series of bubbles softly and continuously float up from the bottom of the screen to the top. When someone mouses over and area of the bubbles, the bubbles need to softly repel away from the cursor and continue floating away from the cursor. Does any one know a script or an example of a source code or file that has or is similar to this functionality?
This is just for the bubbles moving from the bottom to top of screen.
Code:// Make sure you've got a mc with the linkage id "bubbleID".
// What you set for your fps will also effect the speed of the bubble movement.
function createBubble() {
var holder:MovieClip = this.attachMovie("bubbleID","newBubble" + this.getNextHighestDepth(),this.getNextHighestDepth());
holder._y = Stage.height + holder._height;
holder._xscale = holder._yscale = Math.random() * 75 + 25;
holder.orgX = Math.random() * Stage.width;
holder.sinX = 2 * Math.random() * Math.PI;
holder.changeX = Math.random() * 0.1 + 0.05;
holder.changeY = Math.random() * 2 + 2;
holder.scaleUp = Math.random() * 40 + 10;
holder.onEnterFrame = function() {
this._x = this.orgX + Math.sin(this.sinX+=this.changeX) * this.scaleUp;
this._y -= this.changeY;
}
}
setInterval(this, "createBubble", 250);
I like the bubble movement code, MC.
Here is a quick and dirty stab at making them afraid of the mouse. Just a few additions. This was played with at 24 frames per second. Not super happy with the effect, the bubbles get 'stuck' below the mouse too easily it would look nicer if the slipped around the outside more easily instead of moving back and forth at the maxrange of the mouse effect.
Well, it's better than nothing. Feel free to play with the variables mousethreshold (the 'range' of the mouse effect, in pixels), and maxmousemove (the speed at which the bubbles move away from the mouse, they move away slower the further away they are, and don't move away at all when out of the threshold range).
PHP Code:// Make sure you've got a mc with the linkage id "bubbleID".
// What you set for your fps will also effect the speed of the bubble movement.
function createBubble() {
var holder:MovieClip = this.attachMovie("bubbleID","newBubble" + this.getNextHighestDepth(),this.getNextHighestDepth());
holder._y = Stage.height + holder._height;
holder._xscale = holder._yscale = Math.random() * 75 + 25;
holder.orgX = Math.random() * Stage.width;
holder.sinX = 2 * Math.random() * Math.PI;
holder.changeX = Math.random() * 0.1 + 0.05;
holder.changeY = Math.random() * 2 + 2;
holder.scaleUp = Math.random() * 40 + 10;
mousethreshold = 100;
maxmousemove = 20;
holder.onEnterFrame = function() {
//natural movement
this._x = this.orgX + Math.sin(this.sinX+=this.changeX) * this.scaleUp;
this._y -= this.changeY;
//correction for mouselocation
var mousedist = Math.sqrt(Math.pow(this._x - _xmouse,2) + Math.pow(this._y - _ymouse,2));
if (mousedist < mousethreshold) {
var moverate = maxmousemove -((maxmousemove/mousethreshold)*mousedist);
if (this._x<_xmouse) {this._x -= moverate} else {this._x += moverate}
if (this._y<_ymouse) {this._y -= moverate} else {this._y += moverate}
}
}
}
setInterval(this, "createBubble", 150);
Man, the code is right on for moving the bubbles, but those jerks just get stuck. It's the code that sets the wavy movement in motion that get them and I can't seem to get it right either. I stared at this for a little bit and got them to not stick but it causes them to jump at the halfway mark. Maybe someone else will fix that. I also did a removeMovieClip() to save some poor processor:
PHP Code:// Make sure you've got a mc with the linkage id "bubbleID".
// What you set for your fps will also effect the speed of the bubble movement.
function createBubble() {
var holder:MovieClip = this.attachMovie("bubbleID","newBubble" + this.getNextHighestDepth(),this.getNextHighestDepth());
holder._y = Stage.height + holder._height;
holder._xscale = holder._yscale = Math.random() * 75 + 25;
holder.orgX = Math.random() * Stage.width;
holder.sinX = 2 * Math.random() * Math.PI;
holder.changeX = Math.random() * 0.1 + 0.05;
holder.changeY = Math.random() * 2 + 2;
holder.scaleUp = Math.random() * 40 + 10;
mousethreshold = 100;
maxmousemove = 20;
holder.onEnterFrame = function() {
//natural movement
this._y -= this.changeY;
//correction for mouselocation
var mousedist = Math.sqrt(Math.pow(this._x - _xmouse,2) + Math.pow(this._y - _ymouse,2));
if (mousedist < mousethreshold) {
var moverate = maxmousemove -((maxmousemove/mousethreshold)*mousedist);
if (this._x<_xmouse) {this._x -= moverate} else {this._x += moverate}
if (this._y<_ymouse) {this._y -= moverate} else {this._y += moverate}
}else{//Keep bubbles from getting stuck
this._x = this.orgX + Math.sin(this.sinX+=this.changeX) * this.scaleUp;
}
//remove the clips
if(this._y <= -this._height){
this.removeMovieClip();
}
}
}
setInterval(this, "createBubble", 150);
that is a reallly cool script. Can i use that script whoever made it? I wanna use it during a loading menu.
The bubble script is amazing thanks so much. I have to make it so that the bubbles fly out of an object about 200 pixels wide on the screen so how do i make it so that the bubbles float up from a static object located on the stage? I tried playing with the x & y values but the bubbles still float down to the bottom of the stage.
Can anyone help me please???
Feel free to use the following script...Quote:
Originally Posted by smith1302
Code:// Make sure you've got a mc with the linkage id "bubbleID".
// What you set for your fps will also effect the speed of the bubble movement.
function createBubble() {
var holder:MovieClip = this.attachMovie("bubbleID","newBubble" + this.getNextHighestDepth(),this.getNextHighestDepth());
holder._y = Stage.height + holder._height;
holder._xscale = holder._yscale = Math.random() * 75 + 25;
holder.orgX = Math.random() * Stage.width;
holder.sinX = 2 * Math.random() * Math.PI;
holder.changeX = Math.random() * 0.1 + 0.05;
holder.changeY = Math.random() * 2 + 2;
holder.scaleUp = Math.random() * 40 + 10;
holder.onEnterFrame = function() {
this._x = this.orgX + Math.sin(this.sinX+=this.changeX) * this.scaleUp;
this._y -= this.changeY;
}
}
setInterval(this, "createBubble", 250);
Try this...Quote:
how do i make it so that the bubbles float up from a static object located on the stage?
Code:// Make sure you've got a mc with the linkage id "bubbleID".
// Set the registration point to the top left corner.
// What you set for your fps will also effect the speed of the bubble movement.
// The box where bubbles will emerge from.
this.createEmptyMovieClip("rec",this.getNextHighestDepth());
rec._x = 300;
rec._y = 350;
rec.beginFill(0xff0000,100);
rec.moveTo(0,0);
rec.lineTo(100,0);
rec.lineTo(100,100);
rec.lineTo(0,100);
rec.endFill();
function createBubble() {
var holder:MovieClip = this.attachMovie("bubbleID","newBubble" + this.getNextHighestDepth(),this.getNextHighestDepth());
holder._x = holder.orgX = rec._x + Math.random() * rec._width;
holder._y = rec._y + holder._width;
holder._xscale = holder._yscale = Math.random() * 75 + 25;
holder.sinX = 2 * Math.random() * Math.PI;
holder.changeX = Math.random() * 0.1 + 0.05;
holder.changeY = Math.random() * 2 + 2;
holder.scaleUp = Math.random() * 40 + 10;
holder.onEnterFrame = function() {
this._x = this.orgX + Math.sin(this.sinX+=this.changeX) * this.scaleUp;
this._y -= this.changeY;
}
}
setInterval(this, "createBubble", 250);
yes, awesome script. I am trying to alter it so the bubbles drift to the right of the static object and expand away from each other. like they are blowing in the wind.
Any ideas. I tried making a drift function but can't get anything to work.