vedr. brug af funktioner

wow det var en mudfuld...

Jeg har hurtigt skimtet det igennem og umiddelbart ville heg dele det op i flere små funktioner. Dvs. at når hvert enkelt funktion er "færdig" så kalder den den næste i rækken...

kan du hjælpe med at lave en hovedstruktur, altså hvordan man går fra det ene til det andet?

for at gøre tingene kort - så findes det jeg præcist vil lave på denne side

http://www.elgrando.ee/
Tryk på et menu punkt, så den store boks skaleres ned, loader en film og gør sig stor igen...

det er easy, du skal bruge setInterval functionen. f.eks

function one(){
trace("function one")
nextFunction0 = setInterval(two, 2000)
}
function two(){
trace("function two")
nextFunction1 = setInterval(three, 4000)
clearInterval(nextFunction0)
}
function three(){
trace("function three")
clearInterval(nextFunction1)
}
function one()

Sætter du dette script ind i flash, vil du først kalde funktion 1. 2 sek. efter vil function 2 blive kaldt og 4 sek. efter vil funktion 3 blive kaldt. Håber du kan se mønstret. På denne måde kan du udbygge til så mange funktioner du vil have.

Med hensyn til transition funktionen foreslår jeg at du tjekker dette link ud
http://www.actionscript.org/tutorials/advanced/Tween-Easing_Classes_Documented/index.shtml
disse tweening funktioner  er yderst nyttige og kan også bruges på alpha propertien.

http://www.runeg.com

Hey Rune, ok, kan godt følge din hovedtanke. Problemet med at bruge setinterval funktion er vel at den ikke tager højde for brugerens båndbredde.Altså det vil ikke tage den samme tid for en bruger med 56 kbps forbindelse at loade en underside som en med en adsl og ligeledes vil en person med en større computerkraft.

Findes der andre muligheder at løse problemet...

Mht. til animation af boksen som jeg henviser til på engrando.ee er det besværligt at lave?


/Jens

Hej jens

hvis du brugte en tweening funktion til at animere med, ved du hvor lang tid animationen er om komme fra A til B. Ergo ved du også hvornår en evt. anden tweening funktion skal starte, altså hvor langt intervallet skal være. Derfor ville jeg bruge setInteval til at kalde de forskellige tweening funktioner der animerer outroen indtil den rammer preloader funktionen, når dette sker er det klart at alle intervaller skal være clearet indtil preloaderen har loaded færdig. Når den har loaded færdig kickstarter den så en række af andre intervaller der kalder funktioner delvist som animerer introen. På denne måde sikrer du at der ikke foregår nogle animationer mens den preloader.

jeg har faktsik fundet en funktion som jeg mener er bedre on.functionend tror jeg den hedder og virker forbavsende godt - den eksikveres så snart den tidligere er færdig - har du nogen erfaring med den?

forresten dine portefølje er jo helt sindsyg - hvem har du som kunder ud over Coca Cola?

/J

Nå, nu begynder jeg selv at have noget, men jeg har et par små problemer med at loade en ekstern fil vha. af samme syntaks som jeg allerede bruger: Dette er hvad jeg har

import mx.transitions.Tween;
import mx.transitions.easing.*;
    var tween_handlernul:Object = new Tween(menu, "_x", Elastic.easeInOut, 100, 200, 1, true);
    var tween_handleret:Object = new Tween(meny, "_x", Elastic.easeInOut, 100, 200, 1, true);
    tween_handleret.onMotionFinished = function() {
    var tween_handlerto:Object = new Tween(menu, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
    var tween_handlertre:Object = new Tween(meny, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
tween_handlertre.onMotionFinished = function() {
    var tween_handler1:Object = new Tween(front, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
    var tween_handler3:Object = new Tween(back, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
tween_handler1.onMotionFinished = function() {
    var tween_handler2:Object = new Tween(front, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    var tween_handler4:Object = new Tween(back, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler4.onMotionFinished = function() {
    //HER VIL JEG PRELOADE MIN .SWF
tween_handler4.onMotionFinished = function() {
    var tween_handler5:Object = new Tween(front, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    var tween_handler7:Object = new Tween(back, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler7.onMotionFinished = function() {
    var tween_handler6:Object = new Tween(front, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    var tween_handler8:Object = new Tween(back, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    trace("onMotionFinished triggered");
};
};
};
};
};
};

og det virker fint. Hvor jeg har skrevet //HER VIL JEG PRELOADE MIN .SWF, vil jeg prealode min ekstern underside ind. Hvordan laver man loadmovie med den syntaks som jeg har anvendt, kan man blot lave noget med var loadmovie eller hvordan?

Desuden så er overstående kode lavet sådan at den trigger så snart filmen åbner, hvordan laver jeg den så den trigger når man trykker på en knap??? Kan man evt. kalde hele overstående kode for en bestemt funktion, så når man trykker på en button kalder den funktion som indeholder alle overstående "underfunktioner"?

lad mig omformulere, jeg ved godt hvordan jeg skal kalde loadmovie. Det jeg er i tvivl om er, hvordan sikre jeg mig at min underfilm er 100% loadet før den går videre til næste skridt....??????????


import mx.transitions.Tween;
import mx.transitions.easing.*;
    var tween_handlernul:Object = new Tween(menu, "_x", Elastic.easeInOut, 100, 200, 1, true);
    var tween_handleret:Object = new Tween(meny, "_x", Elastic.easeInOut, 100, 200, 1, true);
    tween_handleret.onMotionFinished = function() {
    var tween_handlerto:Object = new Tween(menu, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
    var tween_handlertre:Object = new Tween(meny, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
tween_handlertre.onMotionFinished = function() {
    var tween_handler1:Object = new Tween(front, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
    var tween_handler3:Object = new Tween(back, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
tween_handler1.onMotionFinished = function() {
    var tween_handler2:Object = new Tween(front, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    var tween_handler4:Object = new Tween(back, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler4.onMotionFinished = function() {
    loadMovie("underside.swf",_root.front.container);
//tween.onMotionFinished = function() {
    var tween_handler5:Object = new Tween(front, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    var tween_handler7:Object = new Tween(back, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler7.onMotionFinished = function() {
    var tween_handler6:Object = new Tween(front, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    var tween_handler8:Object = new Tween(back, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler8.onMotionFinished = function() {
    var tween_handler6:Object = new Tween(_root.front.cover, "_alpha", Photo.easeIn, 100, 0, 2, true);
   
    trace("onMotionFinished triggered");
};
};
};
};
};
};
//};

Kig på MovieClipLoader klassen - den har en onLoadInit, som bliver kaldt, når din underfilm er helt korrekt loaded. Så kan du først loade den i et ikke-synligt movieclip mens du viser din preloader bar, og ved onLoadInit kalder du den næste ease-funktion, og når den så er easet op i størrelse, så viser du dit indhold igen.

Barklund - nu har jeg erfaring med at du er super skarp til Action Script så hvis du vil hjælpe mig de sidste skridt, skal du nok få point, jeg kan også sagtens oprette et ekstra spg. hvis der er behov for flere point.

Jeg har prøvet at sætte moviecliploader ind:

import mx.transitions.Tween;
import mx.transitions.easing.*;
    var tween_handlernul:Object = new Tween(menu, "_x", Elastic.easeInOut, 100, 200, 1, true);
    var tween_handleret:Object = new Tween(meny, "_x", Elastic.easeInOut, 100, 200, 1, true);
    tween_handleret.onMotionFinished = function() {
    var tween_handlerto:Object = new Tween(menu, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
    var tween_handlertre:Object = new Tween(meny, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
tween_handlertre.onMotionFinished = function() {
    var tween_handler1:Object = new Tween(front, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
    var tween_handler3:Object = new Tween(back, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
tween_handler1.onMotionFinished = function() {
    var tween_handler2:Object = new Tween(front, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    var tween_handler4:Object = new Tween(back, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler4.onMotionFinished = function() {
    var mcl:MovieClipLoader = new MovieClipLoader();
    var mclListener:Object = new Object();
    mcl.addListener(mclListener);
    mclListener.onLoadProgress = function(container, bl, bt)
{
    var percentage = Math.round(bl / bt * 100);
    trace("percentage");
};
mclListener.onLoadComplete = function(container)
{
    // do what you want
    trace("finished!psychomotherfucker");
};
mcl.loadClip("underside.swf", _root.front.container);

//tween.onMotionFinished = function() {
    var tween_handler5:Object = new Tween(front, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    var tween_handler7:Object = new Tween(back, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler7.onMotionFinished = function() {
    var tween_handler6:Object = new Tween(front, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    var tween_handler8:Object = new Tween(back, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler8.onMotionFinished = function() {
    var tween_handler9:Object = new Tween(_root.front.cover, "_alpha", Photo.easeIn, 100, 0, 2, true);
   
trace("onMotionFinished triggered");
    tween_handler9.onMotionFinished = function() {
    var tween_handler11:Object = new Tween(menu, "_alpha", Elastic.easeInOut, 0, 100, 0.2, true);
    var tween_handler12:Object = new Tween(meny, "_alpha", Elastic.easeInOut, 0, 100, 0.2, true);
trace("onMotionFinished triggered");
tween_handler11.onMotionFinished = function() {
    var tween_handlernul:Object = new Tween(menu, "_x", Elastic.easeInOut, 200, 70, 1, true);
    var tween_handleret:Object = new Tween(meny, "_x", Elastic.easeInOut, 200, 70, 1, true);
};
};
};
};
};
};
};
};
//};


________________________________________

Jeg har dog lige de sidste ting jeg gerne vil lave.

1) Vil du mene at moviecliploader funktionen er skrevet korrekt, eller er der en bedre metode?? Mit mulige problem ligger "måske"i  at
mcl.loadClip("underside.swf", _root.front.container); kommer efter linjen
mclListener.onLoadComplete = function(container)

Så vidt jeg læser den vil det sige at den først loader filmen ind efter den er "oncomplete" men hvordan ved den så hvilken film der skal være "oncomplete" når den først kalder den vha. loadclip efter...??
2) Hvordan kan man tilføje en prealoder ? Det der sker er at min hovedboks resizer hvorefter jeg vil displaye en preloader indtil den har detectet at underside.swf er fuld loadet, og så skal den resize ud igen
3)og til sidst, hele den overstående kode ønsker jeg at kalde når man trykker på en knap i menuen... Kan man lave det sådan at når man trykker på en knap, at den kalder overstående funktioner?? Kan man lave en funktion som indeholde alle "under" funktioner som er beskrevet ovenfor???


På forhånd 1000 tak for hjælpen?


/Jens

mit problem så vidt jeg kan se er at den først skal begynde at skalere på  y ledet efter den har loadet underside.swf ind (denne linje: var tween_handler5:Object = new Tween(front, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);)

som koden er nu begynder den at skalere med det samme, hvordan sikre jeg at skaleringen først sker efter at den skal vræe loadet helt færdigt???

Ret linjen:

//tween.onMotionFinished = function() {

Til:

mcl.onLoadInit = function() {

Og fjern udkommenteringen af sidste };

Så sker der nok noget :)

--
Morten Barklund

Det melder den fejl på - jeg har dog lige fundet en anden vej rundt som faktisk fungerer.. Kan du hjælpe mig med hvordan preloaderen dur..??? Og hvordan jeg kalder alle disse funktioner ved tryk på én knap?

/J


Kode:

import mx.transitions.Tween;
import mx.transitions.easing.*;
    var tween_handlernul:Object = new Tween(menu, "_x", Elastic.easeInOut, 100, 200, 1, true);
    var tween_handleret:Object = new Tween(meny, "_x", Elastic.easeInOut, 100, 200, 1, true);
    tween_handleret.onMotionFinished = function() {
    var tween_handlerto:Object = new Tween(menu, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
    var tween_handlertre:Object = new Tween(meny, "_alpha", Elastic.easeInOut, 100, 0, 0.2, true);
tween_handlertre.onMotionFinished = function() {
    var tween_handler1:Object = new Tween(front, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
    var tween_handler3:Object = new Tween(back, "_xscale", Elastic.easeInOut, 200, 100, 1.5, true);
tween_handler1.onMotionFinished = function() {
    var tween_handler2:Object = new Tween(front, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    var tween_handler4:Object = new Tween(back, "_yscale", Elastic.easeInOut, 250, 100, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler4.onMotionFinished = function() {
   
    _root.traceBox.vScrollPolicy ="on";
//trace function
function myTrace(msg)
{
    _root.traceBox.text += msg + newline;
    _root.traceBox.vPosition = _root.traceBox.maxVPosition;
}
/*********************************************************************/
//init
var myMCL = new MovieClipLoader();
/*********************************************************************/
//callbacks
myMCL.onLoadStart = function (targetMC)
{
  var loadProgress = myMCL.getProgress(targetMC);
  myTrace ("The movieclip " + targetMC + " has started loading");
  myTrace("Bytes loaded at start=" + loadProgress.bytesLoaded);
  myTrace("Total bytes loaded at start=" + loadProgress.bytesTotal);
  myTrace("____________________________________");
}
myMCL.onLoadProgress = function (targetMC, loadedBytes, totalBytes) {
  myTrace ("movie clip: " + targetMC);
  myTrace("Bytes loaded at progress callback=" + loadedBytes);
  myTrace("Bytes total at progress callback=" + totalBytes);
  myTrace("____________________________________");
}
myMCL.onLoadComplete = function (targetMC)
{   
    myTrace (targetMC + " has finished loading.");
    var loadProgress = myMCL.getProgress(targetMC);
    myTrace("Bytes loaded at end=" + loadProgress.bytesLoaded);
    myTrace("Bytes total at end=" + loadProgress.bytesTotal);
    myTrace("____________________________________");
}
myMCL.onLoadInit = function (targetMC)
{
    myTrace ("Movie clip:" + targetMC + " is now initialized");
    targetMC._width = 400;
    targetMC._height = 500;
    myTrace("____________________________________");
}
myMCL.onLoadError = function (targetMC, errorCode)
{
  myTrace ("ERRORCODE:" + errorCode);
  myTrace (targetMC + "Failed to load its content");
  myTrace("____________________________________");
}
/********************************************************************/
//load the files in to their respective targets
myMCL.loadClip("underside.swf","_root.container");
//myMCL.loadClip("test2.swf", "_root.myMC2");
//myMCL.loadClip("somepic.jpg", "_level0.myMC3");



//tween.onMotionFinished = function() {
    var tween_handler5:Object = new Tween(front, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    var tween_handler7:Object = new Tween(back, "_yscale", Elastic.easeInOut, 100, 250, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler7.onMotionFinished = function() {
    var tween_handler6:Object = new Tween(front, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    var tween_handler8:Object = new Tween(back, "_xscale", Elastic.easeInOut, 100, 240, 1.5, true);
    trace("onMotionFinished triggered");
tween_handler8.onMotionFinished = function() {
    var tween_handler9:Object = new Tween(_root.cover, "_alpha", Photo.easeIn, 100, 0, 2, true);
   
trace("onMotionFinished triggered");
    tween_handler9.onMotionFinished = function() {
    var tween_handler11:Object = new Tween(menu, "_alpha", Elastic.easeInOut, 0, 100, 0.2, true);
    var tween_handler12:Object = new Tween(meny, "_alpha", Elastic.easeInOut, 0, 100, 0.2, true);
trace("onMotionFinished triggered");
tween_handler11.onMotionFinished = function() {
    var tween_handlernul:Object = new Tween(menu, "_x", Elastic.easeInOut, 200, 70, 1, true);
    var tween_handleret:Object = new Tween(meny, "_x", Elastic.easeInOut, 200, 70, 1, true);
};
};
};
};
};
};
};
};
//};

Punkt 1: Det er superrodet.

Punkt 2: Hvad skal jeg helt præcist hjælpe med?<

1( Ja, det gir jeg ret i, men er desværre ikke ret skarp til AS så derfor har jeg ikke så meget struktur endnu.

Det jeg godt kunne tænke mig var at mens den loader underfilmen ind underside.swf at den så viser en prealoder. Enten bare et stykke grafik der viser loader eller et almindeligt load script??? Skal jeg evt. sende .fla filen?

lukker