L'exemple consisteix en fer que un missatge que escribíssim a un camp de formulari salti com a missatge emergent. És la excusa per posar en pràctica la definició de funcions i variables, posem events de ratolí i enrutem per l'arbre DOM del document.
Batatastudio ens brinda aquest molt bon videotutorial sobre com fer preloaders amb ActionScript. Està en castellà de mèxic. Quan l'autor diu "jalar" vól dir agafar. Més endavant us faré la meva versió de preloader amb les meves pròpies conclussions. Però de moment us serveix això i el llibre que us vaig recomanar sobre ActionScript3.
No deixeu de visitar el canal de Batata al youtube. Cliqueu aquí. Té molt bones explicacions.
Batatastudio - Preloader en AS3(1a Part)
1. Fem dues escenes per fer l'exemple com per exemple:
2. A la escena preloader ha d'haver el següent:
La barra vermella és un clip de pel·lícula i com a nom d'instància li direm "barrita". I també creem un camp de text dinàmic que li direm "".
3. Al fotograma 2 de la cap d'accions posem:
gotoAndPlay(1);
//Amb això fem un bucle per dues raons.
//La primera raó és evitar que salti a la
//escena següent i la segona forçar a que recalculi contínuament l'estat de càrrega
4. I al primer fotograma de la escena Preloader posarem:
//El següent vól dir: "quan la peli s'hagi carregat"...
if (_root.getBytesLoaded()>=_root.getBytesTotal())
{
//...trenquem el bucle i enviem al fotograma 1 de la escena "principio"
gotoAndPlay("principio", 1);
}
//Definim la variable porciento que em
//calcularà el valor carregat de la pel·lícula amb:
porciento=(_root.getBytesLoaded()/_root.getBytesTotal())*100;
//Fem que representi la barreta amb una amplada proporcional
//a la mida original de la instància "barrita" en funció del que
//valgui la variable porciento
_root.barrita._xscale=porciento;
//També fem que s'esbaeixi en funció del que
//valgui porciento.
_root.barrita._alpha=100 - porciento;
//100 - porciento per que conti a l'inrevés
//és a dir, d'opac a transparent
texto=Math.floor(porciento) + " % Cargado";
//Math.floor em treu la part entera de la variable porciento
//de tal manera que queda més estètic. I li concatenem la cadena de caràcters "% Cargado".
Afegits a l'exercici anterior.
En l'article anterior vam definir un clip anomenat motor, del qual a la seva instància li vam posar com a nom d'instància "motor1". La raó per la qual vaig posar-li aquest nom: "motor1" és simplement que vull duplicar aquesta instància i a la còpia posar-li de nom "motor2". Així amb dos motors independents podrem controlar també moviments i propietats independents. Per exemple: entre d'altres coses podriem controlar tant la posició vertical com la horitzontal.
Recapitulació
Les estructures de control són una de les característiques principals dels llenguatges de programació. Amb aquests tipus d'estructura otorguem als programes que fem el poder de "decidir".
Heu fet HTML i CSS i heu vist que aquests llenguatges no tenen estructures de de control. No són per tant llenguatges de programació. Simplement són instruccions per que els navegadors sàpiguen com representar les pàgines.
D'estructures de control tenim les condicionals(IF-THEN-ELSE, les de cas(SWITH-CASE) i d'altres.
A continuació us explico una mica la estructura condicional.
ESTRUCTURA CONDICIONAL(IF-THEN-ELSE):
La més famosa de les estructures de control dels llenguatges de programació segurament és
la condicional.
La sintàxi d'una condicional és:
Entradas
Comentarios
