Bounce scale

frit hugget fra: http://www.actionscript.org/forums/archive/index.php3/t-8268.html

MovieClip.prototype.elasticScale = function(target, accel, convert) {
    step = step * accel + (target - this._xscale) * convert;
    this._xscale = this._yscale += step
}
// eksempel
clip.onEnterFrame = function() { // bouncing clippet hedder "clip"
    bounce ? this.elasticScale(200, .5, .6) : this.elasticScale(100, .5, .6);
}
btn.onRelease = function() { // knap til at bounce løs
    !bounce ? bounce = true : bounce = false;
}

...noget i den stil :)

hej mat, kan du forklare denne til "normal dansk":

bounce ? this.elasticScale(200, .5, .6) : this.elasticScale(100, .5, .6);

Det er nu mere spørgsmåltegnet og kolon´et som skal forklares

kragekjaer >> Det er bare en lidt nemmere måde at skrive nedenstående på:

if (bounce) {
    this.elasticScale(200, .5, .6);
} else {
    this.elasticScale(100, .5, .6);
}

Jeg ville nok skrive:
bounce = !bounce

istedet for:
!bounce ? bounce=true : bounce=false;

, men det er vist ovre i småtings afdelingen :o)

Og:

bounce ? this.elasticScale(200, .5, .6) : this.elasticScale(100, .5, .6);

Kan skrives som:

this.elasticScale(bounce ? 200 : 100, .5, .6);

Hvilket er lidt pænere at se på ;)

Men for at vende tilbage til spørgsmålet - bruger du Flash MX 2004 og Flash Player 7?

Hov, det skulle ikke være et svar - undskyld :/

Nu smadrer jeg sikkert det hele.. MX !...

nånånå, nu skal man osse til at cleane det hele op inden man poster? sikke nogle sibber ;)

4b4 > Ovenstående virker fint i mx

For i Flash MX 2004 og Flash Player 7, der ligger det hele direkte indbygget! ;)

Du kan bruge Robert Penner's easing equations, som Macromedia fandt så interessante, at de ligger i mx.transitions.Tweens klassen og kan animere på mange forskellige måder.

Se denne lille finde tutorial: http://www.actionscript.org/tutorials/advanced/Tween-Easing_Classes_Documented/index.shtml

--
Morten Barklund

mat.. puha.. tak.. var ved at blive lidt nervøs for jeres reaktion hvis hele skidtet nu var til 2004 :)

erhmm...

fremgang:
1) laver et movieclip med instancename 'clip'
2) paster:

MovieClip.prototype.elasticScale = function(target, accel, convert) {
    step = step * accel + (target - this._xscale) * convert;
    this._xscale = this._yscale += step
}
// eksempel
clip.onEnterFrame = function() { // bouncing clippet hedder "clip"
    bounce ? this.elasticScale(200, .5, .6) : this.elasticScale(100, .5, .6);
}
btn.onRelease = function() { // knap til at bounce løs
    !bounce ? bounce = true : bounce = false;
}

I framekey 1.

3) Laver en knap med instancename 'btn'

virker ikke..

barklund > Det vidste jeg ikke, sejt! Jeg må se at få mig MX 2004...en dag :)

4b4 > Du skal trykke på knappen ;) - nej pjat, men det burde virke ud fra det du beskriver?

Du forveksler ikke instancenavne med symbolnavne? Instancenavne er dem du skriver i propertiesboksen, hvad symbolet hedder i library er ligegyldigt.

Den fine version:

MovieClip.prototype.elasticScale = function(target, accel, convert) {
    step = step * accel + (target - this._xscale) * convert;
    this._xscale = this._yscale += step
}
// eksempel
clip.onEnterFrame = function() { // bouncing clippet hedder "clip"
    this.elasticScale(bounce ? 200 : 100, .5, .6);
}
btn.onRelease = function() { // knap til at bounce løs
    bounce = !bounce;
}

;)

Hm, variablen "step" genererer mig! Den er jo ikke definereret noget sted - ligger på framen. Den skal vel tilhørende det pågældende movieclip og dermed have this. foran. Og den initialiseres ikke til 0 - og ligger på movieclippet lige til at forurene :(

Jeg ville rydde lidt op i den og initialisere nogle variabler:

MovieClip.prototype.elasticScale = function(target, accel, convert) {
    if (this.$_step == undefined) this.$_step = 0;
    this.$_step = this.$_step * accel + (target - this._xscale) * convert;
    this._xscale = this._yscale += this.$_step
}
// eksempel
clip.onEnterFrame = function() { // bouncing clippet hedder "clip"
    this.elasticScale(bounce ? 200 : 100, .5, .6);
}
bounce = false;
btn.onRelease = function() { // knap til at bounce løs
    bounce = !bounce;
}

--
Morten Barklund

Jeg er slet ikke med.. jeg er vandt til at man definerer functioner til et movieclips instancenavn ... ?

ahh fik det til at virke

Que? Hvad er du ikke med på?

Oki :)

Lidt mere avanceret.. hvad nu hvis jeg vil have mere en et clip som kan bounce med forskellige knapper ?

og er det ikke et problem at den løkke kører hele tiden.. mth cpu ?

flere movieclips med hver tilhørende knap der aktiverer bounce for hver enkelt.. (lille rettelse i sprgs)

Hvordan skulle den ellers kunne bounce, hvis ikke den kørte hele tiden - den skal jo bevæge sig over flere frames. Men man kunne selvfølgelig godt droppe enterframen, når den var færdig.

Her udvidet til, at du kan have flere knapper til hver sit movieclip:

MovieClip.prototype.elasticScale = function(target, accel, convert) {
    if (this.$_step == undefined) this.$_step = 0;
    this.$_step = this.$_step * accel + (target - this._xscale) * convert;
    this._xscale = this._yscale += this.$_step
}
// eksempel
function setBounce(clip, b) {
    clip.current_bounce = b;
    clip.onEnterFrame = bounce;
}
function bounce() {
    this.elasticScale(this.current_bounce, .5, .6);
    if (Math.min(Math.abs(this.current_bounce - this._xscale),Math.abs(this.$_step)) < 0.1) {
        delete this.onEnterFrame;
    }
}
function bounceButton() { // funktion til knapper
    setBounce(this.clip, this.bounce = !this.bounce ? 200 : 100);
}
function setNewBounceButton(btn, clip) {
    btn.onRelease = bounceButton;
    btn.clip = clip;
    btn.bounce = false;
}
setNewBounceButton(btn_clip1, clip1); // btn_clip1 får clip1 til at bounce
setNewBounceButton(btn_clip2, clip2); // btn_clip2 får clip2 til at bounce

Det er skrevet lige ud i luften, men prøv ad :)

--
Morten Barklund

Testede lige - den manglede sgu bare nogle parenteser:

MovieClip.prototype.elasticScale = function(target, accel, convert) {
    if (this.$_step == undefined) this.$_step = 0;
    this.$_step = this.$_step * accel + (target - this._xscale) * convert;
    this._xscale = this._yscale += this.$_step
}
// eksempel
function setBounce(clip, b) {
    clip.current_bounce = b;
    clip.onEnterFrame = bounce;
}
function bounce() {
    this.elasticScale(this.current_bounce, .5, .6);
    if (Math.min(Math.abs(this.current_bounce - this._xscale),Math.abs(this.$_step)) < 0.1) {
        delete this.onEnterFrame;
    }
}
function bounceButton() { // funktion til knapper
    setBounce(this.clip, (this.bounce = !this.bounce) ? 200 : 100);
}
function setNewBounceButton(btn, clip) {
    btn.onRelease = bounceButton;
    btn.clip = clip;
    btn.bounce = false;
}
setNewBounceButton(btn_clip1, clip1); // btn_clip1 får clip1 til at bounce
setNewBounceButton(btn_clip2, clip2); // btn_clip2 får clip2 til at bounce

fantastisk !

starter lige et nyt problem i et nyt sprgs..

lige en ALLERSIDSTE ting..

hvis jeg ved click på min knap vil have ændret dybden på det movieclip knapper bouncer.. hvordan integrerer jeg det i scriptet ?

clip0,1,2,3....swapDepths(_root.topdepth);

got it..

err...

Hvis nu knapperne ikke ligger i _root .. (ex. hvis de ligger indeni hvert clip) så virker skidtet ikke.. har prøvet at ændre dette, dog uden held:

function setNewBounceButton(btn, clip) {
    clip.btn.onRelease = bounceButton;
    clip.btn.clip = clip;
    clip.btn.bounce = false;
}

hvorn pokker :/ :)

hielfe :/

Altså, du kan jo ikke bare digte et script og håbe, at det virker ;)

Du skal rette i linjen:

setNewBounceButton(btn_clip1, clip1);

Her skal btn_clip1 og clip1 blot være direkte stier til dine to movieclips. Har du flyttet dem ind i et movieclip, der hedder foobar, så skriver du:

setNewBounceButton(foobar.btn_clip1, foobar.clip1);

Og så virker det igen - hvis det hele altså stadig hænger sammen og dine scener er initialiseret og så videre ;)

--
Morten Barklund

kan man bruge _global.btn_clip1 ?

Ja, men det er der ingen grund til! Gør som ovennævnt og så bør det virke fint! Det ville være noget rod at smide det på global - især når det er ganske unødvendigt!

okay så.. tak for hjælpen :)

Og tark for points - håber det virker :)