Solved

a range for a random animation AS3

Posted on 2008-06-13
11
1,194 Views
Last Modified: 2013-11-11
Hi
i am using an animation which uses the random property for the x and the y. the problem: it uses the space beyond the stage.
i need to create a range that limits the randomness of the animation. tries several things but its not working.

i attach my code.


best regards

ron
import caurina.transitions.*;

 
 

var holder_mc:Sprite = new Sprite();

holder_mc.alpha =0; 
 

var widthRange:Number = 200;

var heightRange:Number = 200;

 

function dropPics ():void {

	for(var i:int =0 ; i < 8; i++){

	holder_mc = new Sprite();

	holder_mc.graphics.beginFill(0x000000);

	holder_mc.graphics.drawRect(0,0, stage.stageWidth + 200,stage.stageHeight + 200);

	holder_mc.graphics.endFill();

	//trace(i);

	holder_mc.name = "holder" + i;

	Tweener.addTween(holder_mc,{height: 200,width:200 ,alpha: 1,time: 1,transition: "easeOut"});

	var ds:DropShadowFilter = new DropShadowFilter(5,45,0x999999,0.5,4,4,1,5);

	holder_mc.filters = [ds];

	addChild(holder_mc);

	holder_mc.buttonMode = true;

	

	if(x < widthRange  && y < heightRange){

	y += y+ Math.random();

	x += x+ Math.random();

	holder_mc.x -= x+ Math.random()* 380;

	holder_mc.y -= y+ Math.random()* 250;

	}

	

	holder_mc.addEventListener(MouseEvent.CLICK ,tellname);

	}

}

 

 

dropPics();
 

function tellname (e:MouseEvent):void {

	trace(e.target.name);

}

Open in new window

0
Comment
Question by:derrida
  • 5
  • 4
  • 2
11 Comments
 
LVL 12

Expert Comment

by:SamuelRostol
ID: 21778253
Hi there,

I don't have time to test it - but the solution should be something like:

<code snippet>

Try it out :)

Kindly,
Samuel
holder_mc.x -= x+ Math.random()* 380;

holder_mc.y -= y+ Math.random()* 250;
 

// New code, tests position

if (holder_mc.x < 0) holder_mc.x = 0;

if (holder_mc.y < 0) holder_mc.y = 0;

if ((holder_mc.x + holder_mc.width) < stage.stageWidth) holder_mc.x = stage.stageWidth- holder_mc.width;

if ((holder_mc.y + holder_mc.height) < stage.stageHeight) holder_mc.y = stage.stageHeight - holder_mc.height;

Open in new window

0
 
LVL 1

Author Comment

by:derrida
ID: 21778927
hi
thanks for the answer, but it does not work. i tried to play with the code you gave (which specify more the boundaries than my code) but i cannot make it work.

any suggestion?

ron
0
 
LVL 12

Expert Comment

by:SamuelRostol
ID: 21779903
Could you upload the swf so that we can see the effect without my code? :)
0
 
LVL 18

Expert Comment

by:Antonio Estrada
ID: 21781340
Are you sure that this line is OK?

holder_mc.graphics.drawRect(0,0, stage.stageWidth + 200,stage.stageHeight + 200);

This means every Sprite you create will be 200 pixels bigger than your movie entire width and height, thus always being outside. (Aside from the random x and y positions)

-V
0
 
LVL 18

Expert Comment

by:Antonio Estrada
ID: 21781359
Ah, nevermind, I suppose that the custom Tweener class makes an effect so they're 200x200.

Knowing that, I think you'll need a onMotionFinished handler and then check the x and y positions with the code SamuelRostol provided.

-V
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 1

Author Comment

by:derrida
ID: 21781622
hi
first of all,you are right about the tween. i have entered that code on the onComplete but it still does not limit itself to the stage size. i played with the code again and again, it all looks so reasonable but it will not work.

i uploaded the files (fla and swf) here:
https://filedb.experts-exchange.com/incoming/ee-stuff/7179-TweenerGallery.zip

thanks for the help

best regards

ron
0
 
LVL 18

Expert Comment

by:Antonio Estrada
ID: 21782065
Maybe something like the following will do the trick:

(I used the normal Tween class you can safely replace those two Tweens for your custom Tweener class)

<code>

-V
//import caurina.transitions.*;

import fl.transitions.Tween;

import fl.transitions.TweenEvent;

import fl.transitions.easing.*;
 

var holder_mc:Sprite = new Sprite();

holder_mc.alpha =0; 
 

var widthRange:Number = 200;

var heightRange:Number = 200;

 

function dropPics ():void {

	for(var i:int =0 ; i < 8; i++){

	holder_mc = new Sprite();

	holder_mc.graphics.beginFill(0x000000);

	holder_mc.graphics.drawRect(0,0, stage.stageWidth + 200,stage.stageHeight + 200);

	holder_mc.graphics.endFill();

	//trace(i);

	holder_mc.name = "holder" + i;

	y = Math.random()*200;

	x = Math.random()*200;

	holder_mc.x = x;//+ Math.random()* 500;

	holder_mc.y = y;//+ Math.random()* 500;

	holder_mc.x > 240 ? holder_mc.x -= widthRange : false;

	holder_mc.y > 120 ? holder_mc.y -= heightRange : false;

	holder_mc.x < 0 ? holder_mc.x = 0 : false;

	holder_mc.y < 0 ? holder_mc.y = 0 : false;

	var heightTween:Tween = new Tween(holder_mc, "height", Strong.easeOut, holder_mc.height, 100, 1, true);

	var widthTween:Tween = new Tween(holder_mc, "width", Strong.easeOut, holder_mc.width, 100, 1, true);

	//Tweener.addTween(holder_mc,{height: 100,width:100 ,alpha: 1,time: 1,transition: "easeOut",onComplete:rangeit()});

	var ds:DropShadowFilter = new DropShadowFilter(5,45,0x999999,0.5,4,4,1,5);

	holder_mc.filters = [ds];

	addChild(holder_mc);

	holder_mc.buttonMode = true;
 

	holder_mc.addEventListener(MouseEvent.CLICK ,tellname);

	}

}
 

dropPics();
 

function tellname (e:MouseEvent):void {

	trace(e.target.name);

}

Open in new window

0
 
LVL 1

Author Comment

by:derrida
ID: 21782189
Hi
thanks for the help. it does scatter and does not cross the stage, but i want a bigger scattering and when i add to the:
y = Math.random()*450;
x = Math.random()*300;
it allow for a bigger scattering but then again, goes beyond the boundaries of the stage.
so how can i widen the scattering without losing the stage?

i guess we are right before solving it, i hope:)

thanks for your help

best regards

ron
0
 
LVL 18

Accepted Solution

by:
Antonio Estrada earned 500 total points
ID: 21782740
Yep, we're quite close :)

Try the following:

<code>

-V
//import caurina.transitions.*;

import fl.transitions.Tween;

import fl.transitions.TweenEvent;

import fl.transitions.easing.*;
 

var holder_mc:Sprite = new Sprite();

holder_mc.alpha =0; 
 

var widthRange:Number = 200;

var heightRange:Number = 200;

 

function dropPics ():void {

	for(var i:int =0 ; i < 8; i++){

	var tx:Number = 0;

	var ty:Number = 0;

	holder_mc = new Sprite();

	holder_mc.graphics.beginFill(0x000000);

	holder_mc.graphics.drawRect(0,0, stage.stageWidth + 200,stage.stageHeight + 200);

	holder_mc.graphics.endFill();

	//trace(i);

	holder_mc.name = "holder" + i;

	ty = Math.random()*450;

	tx = Math.random()*300;

	holder_mc.x = tx;

	holder_mc.y = ty;

	holder_mc.x > 240 ? holder_mc.x -= widthRange : false;

	holder_mc.y > 280 ? holder_mc.y -= heightRange : false;

	holder_mc.x < 0 ? holder_mc.x = 0 : false;

	holder_mc.y < 0 ? holder_mc.y = 0 : false;

	//Tweener.addTween(holder_mc,{height: 100,width:100 ,alpha: 1,time: 1,transition: "easeOut",onComplete:rangeit()});

	var heightTween:Tween = new Tween(holder_mc, "height", Strong.easeOut, holder_mc.height, 100, 1, true);

	var widthTween:Tween = new Tween(holder_mc, "width", Strong.easeOut, holder_mc.width, 100, 1, true);

	var ds:DropShadowFilter = new DropShadowFilter(5,45,0x999999,0.5,4,4,1,5);

	holder_mc.filters = [ds];

	addChild(holder_mc);

	holder_mc.buttonMode = true;
 

	holder_mc.addEventListener(MouseEvent.CLICK ,tellname);

	}

}
 

dropPics();
 

function tellname (e:MouseEvent):void {

	trace(e.target.name);

}

Open in new window

0
 
LVL 1

Author Comment

by:derrida
ID: 21784358
thanks :)
0
 
LVL 18

Expert Comment

by:Antonio Estrada
ID: 21784398
You're welcome, glad it worked for you ;)

-V
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How to disable  HTML5 video in chrome 2 1,541
Can't play a movie website which used to be playable 4 620
What process can I use to achieve this? 5 114
YouTube video issue 28 110
Introduction This article is primarily concerned with ActionScript 3 and generally specific to AVM2.  Most suggestions would apply to ActionScript 2 as well, and I've noted those tips that differ between AS2 and AS3. With the advent of ActionS…
I have been doing hardcore actionscripting for some time; and needless to say I have faced a lot of problems in just understanding others' code rather than understanding what the code executes. A programmer's life can become hell when there are a lo…
The goal of the tutorial is to teach the user how to how to record live broadcast.
The goal of the tutorial is to teach the user how to set there setting in Adobe Flash Media Live Encoder and YouTube for optimal video and audio quality.

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now