ActionScript 3 - Iniciación

- ADOBE FLASH -INICIACIÓN A ACTIONSCRIPT 3DISEÑO DE WEB EN FLASHFrancisco Ortiz Vieiro - 2011

ADOBE FLASH - INICIACION A ACTIONSCRIPTINDICEINDICEConceptos básicos.

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHCONCEPTOS BÁSICOSEs un leguaje de programación orientado a objetos (se crean instrucciones para comunicarte con los objetos y que ellos cumplan una función u orden específica) y utiliza notación por puntos.Se creó en la versión 4 de Flash para aportarle dinamismo e interactividad a sus animaciones.cuadrado.x = 400;(indica al objeto “cuadrado”, que su posición según el desplazamiento horizontal se sitúe en el pixel 400).3

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHEXPRESIONESUna expresión es una instrucción o sentencia que devuelve un valor llamado valor de retorno a una variable.var nombreVariable:TipoDeDatos;A la variable se le puede dar un valor inicial cuando se declara.var nombreVariable:TipoDeDatos = valorInicial;Cuando ya hemos declarado una variable, y simplemente queremos cambiar su valor ya no hace falta que utilicemos la palabra clave var ni el tipo de datos.nombreVariable = nuevoValor;4

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHEXPRESIONESPara escribir comentarios:/* */ : Para cuando es más de una línea./* comentarioen varias líneas */// : Para cuando es en una sola línea.// comentario en una línea.5

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHEXPRESIONESPara mostrar la información en la consola en tiempo de ejecución utilizaremos la función trace();trace(“texto”);6

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHMatrices (vectores o arrays)Los arrays siempre comienzan en la posición cero.var miArray:Array = [];var miArray:Array = new Array();var miArray:Array = ["pera","manzana","limon"];Para acceder a los valores de un array:variable = miArray[0];trace(miArray[1]);trace(miArray);Más información y métodos de los arrays7

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHMatrices (vectores o arrays)Para modificar determinada posición del Array usamos también los corchetes [].miArray[1] = "fresa";trace(miArray);Agregar un elemento en determinada posiciónmiArray.splice(2,0,"mandarina"); //posición, elementos a eliminar, elemento a añadirtrace(miArray);Eliminar un elemento en determinada posiciónmiArray.splice(1,1); //posición, elementos a eliminartrace(miArray);8

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHMatrices (vectores o arrays)Búsqueda de un elemento.var index:int = arr.indexOf(“pera");trace(index); //devuelve la posición en el array9

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESEjercicio 2Eliminación de varios elementos no consecutivos que cumplen determinada condición.Array inicial: fresa, plátano, mandarina, melocotón, kiwi, albaricoque, piña, manzana, pera.Condición: Eliminar las frutas cuyo nombre tenga más de 5 caracteres.Para saber como obtener el número de caracteres de un String consultar su definición.Desordena el siguiente array y después vuelve a ordenarlo. [0,1,2,3,4,5,6,7,8,9]10

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHCONDICIONALESif… elsePermite comprobar una condición y ejecutar un bloque de código si dicha condición existe, o ejecutar un bloque de código alternativo si la condición no existe.11

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHCONDICIONALESvar variable:int = 10; if (variable > 20) { trace(“variable es mayor a 20");} else { trace("variable es menor o igual a 20");}12

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHCONDICIONALESvar variable:int = 10; if (variable > 20) { trace(“variable es mayor a 20");} else if (variable < 20) { trace(“variable es menor a 20");} else { trace(“la variable es igual a 20");}13

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHCONDICIONALESswitchResulta útil si hay varios hilos de ejecución que dependen del valor de una misma variable.Ej.: un menú14

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHCONDICIONALESvar fechaHoy:Date = new Date();var numDia:uint = fechaHoy.getDay();switch(numDia) { case 0: trace(“Domingo"); break; case 1: trace(“Lunes"); break; case 2: trace(“Martes"); break; case …: default: trace(“Fuera de rango"); break;}15

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHCONDICIONALESEjercicio 4Crea un archivo .FLA Realizaremos algunas operaciones de las que acabamos de ver y utilizaremos la función trace().Dispondremos de tres variables nombre, sexo y edad que se declararán e inicializarán al principio del programa.En función del sexo y la edad elaboraremos una frase indicando que esa persona pertenece a uno de los grupos siguientes.16

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESPermiten ejecutar un bloque específico de código repetidamente utilizando una serie de valores o variables.Hay 5 tipos de bucles:forfor… infor each… inwhiledo… while17

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESforPermite repetir una variable para un rango de valores específico.var i:int;for (var i:int = 0; i < 5; i++) { trace(i);}18

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESRequiere de tres expresiones: Una variable que se establece con un valor inicial. Una sentencia condicional que determina cuándo termina la reproducción en bucle.Una expresión que cambia el valor de la variable con cada bucle.var miArray:Array = [“A”,“B”,“C”];for (var i:int = 0; i < miArray.length; i++) { trace(miArray[i]);}19

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESfor… inRecorre las propiedades de un objeto o los elementos de una matriz.20

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESfor… in con Objetosvar miObj:Object = {x:20, y:30};for (var i:String in miObj) { trace(i + ": " + miObj[i]);}21

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESfor… in con Arraysvar miArray:Array = ["one", "two"];for (var i:String in miArray) { trace(miArray[i]);}22

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESFor each… inEl bucle for each...in recorre los elementos de una colección.23

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESA diferencia del bucle for... in, la variable de iteración de un bucle for each..in contiene el valor de la propiedad en lugar del nombre de la propiedad.var myObj:Object = {x:20, y:30};for each (var num in myObj) { trace(num);}24

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESwhileEs parecido a la sentencia if, solo entra si se cumple la condición y no sale del bucle hasta que deje de cumplirse.25

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESvar i:int = 0;while (i < 5) { trace(i); i++;}Uno de los problemas de este tipo de bucles es que podemos caer en bucles infinitos.26

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESdo… whileSe diferencia con la sentencia while en que éste garantiza que el bloque de código se ejecuta al menos una vez, ya que la condición se comprueba después de que se ejecute el bloque de código.27

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESvar i:int = 5;do { trace(i); i++;} while (i < 5);28

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESEjercicio 5Dibujar con ayuda de un llamando varias veces a la función trace(), lo siguiente:XXXXXReutilizando el código anterior, dibujar lo siguiente:XXXXXXXXXXXXXXXXXXXXProbemos c0n algo más complicado:HHOHOLHOLA29

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHBUCLESEscribe los números del 1 al 10, uno debajo del otro.Dibuja el siguiente cuadrado vacio para que quede como se muestra a continuación:XXXXXX XX XXXXXXCrea un código para mostrar las tablas de multiplicar como ves a continuación usando la función trace();:La tabla del 1:1 x 0 = 0…1 x 10 = 10La tabla del 2:…30

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHFUNCIONESGrupo de instrucciones cuya ejecución se lleva a cabo cada vez que se invoca el nombre de la función con valores de entrada y tras realizar un cálculo devuelve un valor.Existen dos tipos de funciones:Se denomina método si se define como parte de una definición de clase o se asocia a una instancia de un objeto.Se denomina cierre de función si se define de cualquier otra manera. 31

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHFUNCIONESSentencia de funciones sin parámetros:function ejFuncion ():void{ trace(“Hola Mundo”);}ejFuncion();32

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHFUNCIONESSentencia de funciones con parámetros:function ejFuncion(parametro1:String) :void{ trace(parametro1);}ejFuncion(“Hola Mundo”);33

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHFUNCIONESSentencia de funciones con parámetros y que devuelve un valor:function ejFuncion(parametro1:int) :int{ parametro1 = parametro1 + 5; return(parametro1);}var cadena:int = ejFuncion(5);34

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHFUNCIONESEjercicio 6Responde a las preguntas sobre la siguiente función:function dibujar(lado:uint):void{ for(var i:int = 0; i<lado; i++){ for(var j:int = 0; j<lado; j++){ var linea:String = ""; if(i == j){ linea = linea + i + j + " - SI"; }else{ linea = linea + i + j + " - NO"; } trace(linea); } }}¿Cómo se llama la función?¿Qué parámetros tiene?¿Qué devuelve la función?¿Qué realiza la función?35

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHvar numeroAleatorio:uint = 2 + Math.floor(Math.random()*3); trace("Tu nuevo nombre es "+ generarNombre(numeroAleatorio));FUNCIONESEl siguiente código genera nombres aleatorios partiendo de sílabas, aún no sabemos como funciona muy bien pero vamos a intentar encapsularlo en una funciónvar silabas:Array = ["sa","ca","tam","pa","ku"];var nombre:String = "";for(var i:int = 0; i<3; i++){ var aleatorio:Number = Math.floor(Math.random()*silabas.length); nombre = nombre + silabas[aleatorio]; }trace(nombre);var numeroAleatorio:uint = 2 + Math.floor(Math.random()*3);trace("Tu nuevo nombre es "+ generarNombre(numeroAleatorio));*Math.floor: redondea.*Math.random: devuelve un nº aleatorio.36

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHEVENTOSActionScript nació siendo un lenguaje orientado a eventos.Un evento es un suceso que transcurre durante la ejecución de una aplicación. Se dice habitualmente que "se lanza" un evento. A lo largo de la ejecución de una película se suceden muchos eventos. Los eventos pueden venir desencadenados por el usuario o por la propia ejecución del programa. Normalmente un evento viene asociado a un cambio en la película.37

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHEVENTOSEjemplos de eventos:El usuario pulsa el botón izquierdo del ratón.El usuario pulsa una tecla del teclado.El usuario mueve el ratón.Se reproduce un fotograma de un clip de película.Incluso podemos crear nuestros propios eventos.38

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHEVENTOSUn evento no sirve de mucho si no hay nada ni nadie que lo "escuche“.El dispatcher es el objeto que lanza el evento.Los escuchadores o listeners de eventos son objetos que permanecen atentos sobre el lanzamiento de determinado evento. Cuando este evento se lanza, los listeners realizan una determinada función.Se llama handler o controlador de eventos a la función del listener encargada de capturar y reaccionar ante el suceso de determinado evento.39

ADOBE FLASH - INICIACION A ACTIONSCRIPTPROGRAMANDO CON FLASHEVENTOSEn ActionScript existen una serie de clases que se utilizan para el control y ejecución de evento. Dos de las clases más importantes de este paquete son: EventDispatcher y Event.EventDispatcher: DisplayObject, Sprite, MovieClip, TextField, SimpleButton,...Event: MouseEvent, TimerEvent, IOErrorEvent,...40

ActionScript 3 - Iniciación

Más contenido relacionado

La actualidad más candente (20)

Destacado (20)

Similar a ActionScript 3 - Iniciación (20)

Último (20)

ActionScript 3 - Iniciación