Comunidad de diseño web y desarrollo en internet

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Tutorial basico de programación en Flash MX

Encontraras los scripts más básico que son los que debes saber para empezar a trabajar con Flash MX 2004, después que leas este tutorial no te puedo asegurar q terminaras sabiendo XD , porque como se sabe todo depende de ti, debes tener en cuenta q para llevar este tutorial deber ver primero la guía para novatos de flash, ahh no hay muchos dibujos XD suerte ^^.

Interacción basica con la linea de tiempo

stop(); detiene tu película en el frame donde se encuentra.

play(); reproduce la película desde el frame donde esta.

gotoAndStop(); te permite ir a frame y detenerse en ese frame.
Ejemplo:

gotoAndStop(5);

Te mandará al frame 5 y se detendra ahí

gotoAndPlay(); te permite ir a frame y continuar con la reproducción desde ese frame; funciona igual que el anterior.

nextFrame(); te permite ir al siguiente frame.

prevFrame(); te permite ir al frame anterior.

Eventos de los botones

Trabajaremos con estos Eventos

on (press) {}
Se ejecuta cuando realizas la acción de presionar el botón izquierdo del mouse en algún objeto “botón o MovieClip (MC)”.

on (release) {}
Se ejecuta cuando realizas la acción de soltar el botón izquierdo del mouse sobre el objeto “botón o MovieClip” en el cual hiciste clic.

on (releaseOutside) {}
Se ejecuta cuando realizas la acción de soltar el botón izquierdo del mouse fuera del objeto “botón o MovieClip” en el cual hiciste clic.

on (rollOver) {}
Se ejecuta cuando pasas el cursor sobre un objeto “botón o MovieClip”.

on (rollOut) {}
Se ejecuta cuando retiras el cursor del objeto “botón o MovieClip”.

Rutas y niveles de objetos en Flash

_root....... es la raiz de la pelicula
Ejemplo:

-> principal ->Movieclip ->botones 

El _root programes donde programes es principal

_parent es el objeto contenedor de otro
Ejemplo:

->Principal ->Movieclip ->otroMovieclip ->botones 

El _parent de "Movieclip" es "Principal"
El _parent de "otroMovieclip" es "Movieclip"

this............. es el objeto o el frame en si
Ejemplo:

->Principal ->Movieclip ->otroMovieclip ->botones 

El this de Principal es "Principal"
El this de otroMovieclip es "otroMovieclip"

Codigo usado para depurar

trace(); te permite mostrar comentarios.
Ejemplo:

on (press) {
trace("has hecho clic en este boton");
trace("has hecho clic en "+this);
}

add te permite concatenar los texto o aumentar tu texto
Ejemplo:

var texto = "hola";
texto = texto add " soy un flashero más";
trace(texto);

Te mostrará hola soy un flashero más

Operadores simbolicos matematicos especiales

++(incremento) te permitirá que un valor aumente de 1 en 1 su valor
Ejemplo:

pos = 0;
pos++;

En este caso pos se convierte en 1

 

--(decremento) te permitirá que un valor baje su valor de 1 en 1 su valor
Ejemplo:

pos = 10;
pos--;

En este caso pos se convierte en 9

 

-= te permite restarle "n" numeros a un valor
Ejemplo:

pos = 10;
pos-=3;

Es como si se pusieras

pos = pos - 3;

En este caso pos se convierte en 7

 

+= te permite sumarle "n" numeros a un valor
Ejemplo:

pos = 10;
pos+=5;

Es como si se pusieras

pos = pos + 5;

En este caso pos se convierte en 15

 

*= te permite multiplicarle "n" numeros a un valor
Ejemplo:

pos = 10;
pos*=3;

Es como si se pusieras

pos = pos * 3;

En este caso se convierte en 30

 

/= te permite dividirle "n" numeros a un valor
Ejemplo:

pos = 9;
pos/=3;

Es como si se pusieras

pos = pos / 3;

En este caso pos se convierte en 3

Operadores de comparación condicional (Igualdades y Desigualdades)

== (igualdad estricta) te permite comparar un igualdad
Ejemplo:

if (i==5) {
	trace("I es igual a 5");
}//fin if

 

>= condición en números si un número es mayor de otro
Ejemplo:

if (i>=5){
	trace("I es mayor a 5");
}//fin if

 

<= condición en números si un numero es menor de otro
Ejemplo:

if (i<=5){
	trace("I es menor a 5");
}//fin if

Comentarios en el codigo

// comentar algun script (solo funciona por reglón)

//este script esta sumando 1
sum+=1;

/* */ te permite comentar script (trabaja con reglones)

/*por aqui hay un codigo
	lo se porque lo vi
	de verdad no creen!!*/
sum = sum + 1;

Estructuras Condicionales (if else)

if else - es un condicional de verdadero o falso
if => si
else => sino
Ejemplo:

//en el frame
var vr_num = 0;
//en el boton_1
on (press){
	_root.vr_num += 1;
	if (_root.vr_num <> 5) {
		trace("falta para 5 clics");
	} else {
		trace("llegaste a 5 clics");
	}//fin del if
}//fin del press 

Se lee de la siguiente manera

si vr_num es diferente de 5
muestra (“falta para 5 clics”)
sino
muestra(“llegaste a 5 clics”)
termina el si

Recordemos que += va sumando es por eso q pasa del si al sino.

Estructuras Condicionales (switch case)

Switch, case - llamado “en caso” o “cuando”
Ejemplo:

//en el frame
var vr_num = 0;
//en el boton_2 
on (press){
	_root.vr_num += 1;
	switch (_root.vr_num) {
		case 1:
			trace("es el número 1");
		break;
		case 2:
			trace("es el número 2");
		break;
		case 3:
			trace("es el número 3");
		break;
		default:
			trace("el número es mayor q 3" );
	}//fin del switch
}//fin del press

Se lee de la siguiente manera.

En caso vr_num sea 1
  muestra(“es el número 1”)
  termina caso este es el break
en caso vr_num sea 2
  muestra(“es el número 2”)
  termina caso este es el break
en caso vr_num sea 3
  muestra(“es el número 3”)
  termina caso este es el break
en caso vr_num sea 1
  muestra(“es el número 1”)
  termina caso este es el break
en otros casos
  muestra("el número es mayor q 3" )
termina casos

Librerias y funciones matematicas basicas

Math.random(); te devuelve un número entre 0 y 1
Ejemplo:

trace(Math.random()); 
trace(Math.random()*3); 

El primer trace te da un número entre el 0 y 1.
El segundo trace te da un número entre 0 y 3.

Math.floor(); elimina los decimal
Ejemplo:

trace(Math.floor(152.1245));
trace(Math.floor(152.845));

Ambos trace te devuelven 152

Math.round(); te permite redondear un numero teniendo como base el 5
Ejemplo:

trace(Math.round(152.1245));
trace(Math.round(152.845));

El primer trace devuelven 152
El segundo devuelve 153

Vinculos hacia direcciones web o URL externas

getURL(); te permite abrir un web con un link especifico
Ejemplo:

on (press){
	getURL("http://www.google.com","_blank");
}

También puedes llamar a una web q tengas en tu servidor

on (press){
	getURL("porfolio.html","_self");
} 

Funciones, propiedades y metodos basicos de los MovieClips

attachMovie(); podrás utilizar un objeto q tienes en la librería
Ejemplo:

attachMovie("el_nombreidentificador","el_nuevo_nombre","el_numero_de_profundidad");

Si vas a atachar varios botones se recomienda cambiar el nombre y la profundidad.

En el código colocas

_root.attachMovie("símbolo 1","boton_1",1);
_root.attachMovie("símbolo 1","boton_2",2);

En este caso saldrán ambos pero uno sobre otro para cambiar posición se vera más adelante

createEmptyMovieClip(); te permite crear un Mc vacio y tambien se le especifica una profundidad.
Ejemplo:

_root.createEmptyMovieClip("movie",1);
_root.movie.attachMovie("símbolo 1","boton_1",1);
trace(movie);
trace(boton_1);
trace(movie.boton_1); 

Los trace te permitirán ver la ruta que tiene cada uno si sale “Undefined” es que el objeto no se encuentra ahi.

._y te permite modificar la posición vertical de un objeto.
Ejemplo:

boton_1._y = 50;
boton_2._y = 100; 

._x te permite modificar la posición horizontal de un objeto.
Ejemplo:

boton_1._x = 150;
boton_2._x = 100; 

._xscale te permite cambiar el ancho de un objeto
Ejemplo:

imagen._xscale = 50;

En este caso el 50 viene a ser el 50% en escala

._yscale te permite cambiar el alto de un objeto
Ejemplo:

imagen._yscale = 150;

En este caso el 150 viene a ser el 150% en escala

._alpha te permite volver transparente un objeto trabaja de 1 hasta 100
Ejemplo:

mc_foto._alpha = 50;

._name te muestra el nombre del objeto
Ejemplo:

trace(this._name); 

En este caso te muestra el nombre de instancia del objeto donde pongas el codigo

._visible podras ocultar el objeto trabajando con variable boleano “true” o “false”
Ejemplo:

boton_1._visible = false;
//en el boton_2
on (press){
	boton_2._visible = true;
} 

Cuando presiones en el boton_2 se mostrara el boton_1

Estructura de loops o ciclos (for)

for ->conocido como para o desde
Ejemplo:

//en este caso crearemos 5 botones sin necesidad de hacer    
//_root.attachMovie("símbolo 1","boton_1",1);
//_root.attachMovie("símbolo 1","boton_2",2);
//_root.attachMovie("símbolo 1","boton_3",3);
//_root.attachMovie("símbolo 1","boton_4",4);
//_root.attachMovie("símbolo 1","boton_5",5);
//también cambiaremos sus posiciones sin necesidad de colocar diferente código por 
//botón como se realizo anteriormente 
for (I=0;I<=4;I++) {
	_root.attachMovie("símbolo 1","boton_" add I,I);
	_root["boton_" add I]._y = 10 * I;
	trace(_root["boton_" add I);
} 

Se lee de la siguiente manera

I=0
desde I hasta q sea <=4
  adjuntaremos con attach el “símbolo 1”, con el nombre “boto_I”, en la profundidad 0;
  muestra si existe el boton_I
  la posición _y del boton_I es igual a 10 * I;
  I++ regresar a verificar I
  Es este caso el I va aumentado 0,1,2,3,4 y crea la cantidad de 5 botones

Espero que les sirva………………………………… más les vale

Este sábado el más importante inversionista de Silicon Valley y presidente de Y Combinator dará una clase en vivo en Platzi. Unete ya mismo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate