Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Optativa II Cap II
Optativa II Cap II
Optativa II
Profesor: Cristhy Jiménez G
c.jimenez.ucv@gmail.com
1
2.Lenguaje AS3, Gráficos e
Interacción
2.1. El Lenguaje AS3
2
1. Construcción de scripts en ActionScript
Sintaxis: Es la estructura adecuada (conjunto de reglas y símbolos), que debe
cumplirse al escribir código ejecutable.
Distinción entre mayúsculas y minúsculas:
var Num1;
var num1;
Uso de punto y coma (;) alSefinal
crean
dedos variables
cada distintas
sentencia.
Uso de punto (.) como medio de acceso a las propiedades y métodos de los
objetos. Ejm. Texto1.color=#256356
Uso de paréntesis para expresar orden en las expresiones: ((2+y)-5+j);
Uso de paréntesis para paso de argumentos: trace (“Hola”);
Uso de coma (,) para separar argumentos. trace (“Hola”, x);
3
1. Construcción de scripts en ActionScript
Sintaxis:
Uso de comentarios (mensajes explicativos) con el fin de
realizar aclaraciones de código:
var Num1; // variable para almacenar numero 1
var num2; /* comentario de línea multiple, variable
para almacenar el número 2*/
El segundo, para hacer un comentario en múltiples líneas. Estos comentarios comienzan con /* y
terminan por */.
6
2. Elementos Básicos de ActionScript.
Tipos de Datos
Un tipo de dato define un conjunto de valores, por ejemplo el tipo de
dato boolean {true, false}.
Simples Complejos
Boolean Object
int Array
Null Date
Number Error
String Function
uint
void
7
2. Elementos Básicos de ActionScript.
Tipos de Datos Simples
Los principales datos simples o fundamentales son:
String: un valor de texto como, por ejemplo, un nombre o el texto de un capítulo de un libro
Numeric: ActionScript 3.0 incluye tres tipos de datos específicos para datos numéricos:
• Number: cualquier valor numérico, incluidos los valores fraccionarios o no fraccionarios
• int: un entero (un número no fraccionario)
• uint: un entero sin signo, es decir, que no puede ser negativo
Boolean: un valor true (verdadero) o false (falso), por ejemplo, si un conmutador está activado o si
dos valores son iguales
Los tipos de datos simples o sencillos representan un solo dato: por ejemplo, un solo número
o una sola secuencia de texto.
No obstante, la mayoría de los tipos de datos definidos en ActionScript podrían describirse
como tipos de datos complejos porque representan un conjunto de valores agrupados.
8
2. Elementos Básicos de ActionScript.
Tipos de Datos Complejos
La mayoría de los tipos de datos incorporados y los tipos de datos definidos por los
programadores son complejos.
Algunos de los tipos de datos complejos que podrían reconocerse son:
MovieClip: un símbolo de clip de película
TextField: un campo de texto dinámico o de texto de entrada
SimpleButton: un símbolo de botón
Date: información sobre un solo momento temporal (una fecha y hora)
Para referirse a los tipos de datos, a menudo se emplean como sinónimos las palabras
clase y objeto.
Una clase es simplemente la definición de un tipo de datos; es como una plantilla de todos
los objetos del tipo de datos.
Por otro lado, un objeto es simplemente una instancia real de una clase
9
2. Elementos Básicos de ActionScript.
Operadores
Son funciones especiales que se aplican a uno o más operandos y devuelven
un valor.
Se clasifican en unarios, binarios y ternarios en función al número de
operandos que intervienen.
TIPOS DE OPERADORES
Aritméticos Lógicos De Relación Unarios
Suma + Negación ! Mayor que > Incremento ++
Resta - Conjunción && Menor que < Decremento - -
Multiplicación * Disyunción || Igual que = Menos unario -
División Real / Diferente que !=
Resto Entero % Mayor o igual que >=
Menor o igual que <=
10
2. Elementos Básicos de ActionScript.
Operadores
Tarea:
Consultar la tabla de prioridad o jerarquía de los operadores y resolver las siguientes
expresiones especificando además el tipo de dato resultante:
1.z* x + w* 3 / z- m
2.y / w * ( x + m )
3.6.0 * ( m % 3 ) + ( 15 +0 ) / ( 5 +( y * ( w / 3 / w ) + 3 ) – 1 )
4.9 % w/m
5.z* x + w * 3 / z- 5
6.(m<(z+10)) && ( y = 6)
11
2. Elementos Básicos de ActionScript.
Variables
Una variable es un nombre que representa un valor en la memoria del equipo.
Cuando se escriben sentencias para manipular valores, se escribe el nombre de
la variable en lugar del valor. Ejemplo:
Cuando se ejecute la sentencia, el equipo buscará los valores de cada variable y los sumará.
13
1. Cómo se usan las variables:
Primero se debe declarar la variable. Es
decir, se reserva un espacio en memoria con A BASURA
?????????????
el nombre seleccionado. Var A
15
1. Cómo se usan las variables:
Algunos ejemplos de declaración de variables son los siguientes:
Se puede omitir el tipo de la variable (warning)
var i;
Se puede declarar más de una variable en una misma sentencia.
17
1. Cómo se usan las variables:
Variables
A una variable se le puede asignar:
Un valor. Ejemplo var num=30;
Otra variable. Ejemplo var num1= num2;
Una expresión. Ejemplo var suma=num1+5;
Si una variable no es inicializada, asume un valor por
default en función del tipo de dato al que pertenece:
Tipo de datos Valor predeterminado
Boolean false
int 0
Number NaN
Object null
String null
uint 0
No declarada undefined
Todas las demás clases,
incluidas las clases definidas null
por el usuario. 18
1. Cómo se usan las variables:
Ejercicio: Indique cuáles de las siguientes declaraciones de variables son correctas y cuáles no,
especificando la razón del error y corrigiéndolas de tal forma que sean válidas.
1.var mi-variable;
2.var producto3 = 5;
3.var $edad:int=15;
4.var 1_valor;
5.var trace=“cadena”;
6.var Mi_variable_Nº1:int;
7.var num dos:2;
8.var valor:int=40.5;
9.var perímetro=true;
19
Repaso de Algoritmos y/o DFD
Tarea:
Resolver a través de diagramas de flujo, los
siguientes problemas informáticos:
1. Sumar dos números.
2.Imprimir N veces su nombre.
3.Averiguar si un número es positivo, negativo o nulo
4.Averiguar si un número es par o impar.
5.Leer e imprimir un vector de N posiciones.
6.Imprimir un mensaje ingresado por el usuario.
20
2.Lenguaje AS3, Gráficos e
Interacción
2.3. Uso de estructuras de programación.
21
1. Estructuras de Programación
Existen diversas estructuras que permiten
ejecutar una instrucción o un grupo de
instrucciones de código.
Las principales estructuras que se conocen
son:
- Condicionales: Permiten tomar
decisiones lógicas
- Loops: Permiten automatizar tareas
repetitivas.
22
2. Estructuras de Programación. Condicionales
Condicionales
Uno de los aspectos más valiosos de la programación en flash es el poder
hacer que las películas tomen decisiones lógicas (inteligentes).
Decisión Inteligente
Si
23
2. Estructuras de Programación. Condicionales
Condicionales
Lógica básica= Habilidad de ver una serie de opciones y
tomar una decisión en base a las circunstancias.
Ejemplo:
Situación: Ver el contenido de una película flash protegida
con contraseña.
Condición: ¿Tiene el usuario la contraseña?
24
2. Estructuras de Programación. Condicionales
Condicionales
Permiten especificar los términos bajo los cuales una sesión o porción del código debe o no debe ser ejecutada.
Un condicional es una declaración que ejecuta una acción sólo cuando una condición específica se cumple
Existen varios tipos de condicionales:
La declaración If
La declaración If….else
La declaración Case
25
2. Estructuras de Programación. Condicionales
Condicional: Declaración If
Cuando una declaración If es ejecutada, el intérprete comprueba o evalúa
la condición. Si el resultado es True las subdeclaraciones son ejecutadas.
Cuando se llega a la última subdeclaración, se pasa a la siguiente
instrucción fuera del If.
26
2. Estructuras de Programación. Condicionales
Condicional: Declaración If … else
Cuando una declaración If es ejecutada, el intérprete comprueba o evalúa la
condición. Si el resultado es True las subdeclaraciones dentro de If son
ejecutadas, si el resultado es False las subdeclaraciones de else son ejecutadas.
La declaraciín If … else es una declaración de bifurcación.
If ( condición ) {
/*Si se cumple la condición, se ejecuta
este código*/
}
else {
/*Si NO se cumple la condición, se ejecuta
este código*/
}
27
2. Estructuras de Programación. Condicionales
Condicional: Declaración If … else
Ejemplo del condicional IF…ELSE
28
2. Estructuras de Programación. Condicionales
Condicional: Declaración If … else
Otro Ejemplo del condicional IF…ELSE
29
2. Estructuras de Programación. Condicionales
Condicional.
Ejercicios:
Crear el código ActionScript que permita saber si un número es par o impar.
Crear el código ActionScript que permita determinar si un número (inicializado por Usted), es positivo, negativo o nulo.
Crear el código ActionScript que permita saber qué objeto puedo comprar con $500. tomando en cuenta la siguiente tabla:
$80 bicicleta
$500 tv
30
3. Estructuras de Programación. Loops
Loops
Llamados también Ciclos o Bucles.
Sirven para ejecutar acciones o tareas repetitivas o incluso tediosas.
Suponga que deseamos imprimir la serie de números del 1 al 5
31
Loops
3. Estructuras de Programación. Loops La solución: Crear un ciclo que repita el proceso de imprimir los números hasta llegar a 500
Los loops permiten ejecutar un bloque de código tantas veces o tanto tiempo mientras la condición de evalaución se mantenga en true
32
3. Estructuras de Programación. Loops
Loop while
Su estructura es similar al condicional If
A diferencia del condicional If, cuando se llega a la última subdeclaración, el bloque inicia nuevamente.
El proceso termina cuando el resultado de la condición se convierte en False.
33
3. Estructuras de Programación. Loops
Loop while
Ejemplo: Generar la serie de números de 1 a 500
34
Estructuras de de
3. Estructuras Programación.
Programación. Loops
Loop while
Ejercicio 1: Realizar la impresión de su nombre un total
de 1000 veces. Utilice una variable para almacenar el
nombre.
35
3. Estructuras de Programación. Loops
Loop while
Ejercicio 2: Modifique el ejercicio anterior para imprimir
con el siguiente formato:
Nombre 1
Nombre 2
.
.
.
Nombre 1000
36
Estructuras de Programación.
3. Estructuras de Programación. Loops
Loop while
Ejercicio 3: Crear una variable ciudad en donde se va a
almacenar el nombre Riobamba y con la ayuda de un
loop while se desea obtener cada una de las letras de la
ciudad.
Utilice:
length para determinar la longitud del nombre de la
ciudad. ciudad.length
charAt para obtener la letra de la palabra en una
posición específica: Riobamba ciudad.charAt(3)
obtiene la letra o.
37
3. Estructuras de Programación. Loops
Loop while
Solución Ejercicio 3:
38
Loop while
3. Estructuras de Programación. Loops
En resumen un loop while contiene 3 partes básicas:
Inicialización: Declaración de variables que se usarán en la expresión de comprobación.
Expresión de comprobación: Condición que debe cumplirse para ejecutar el bloque de subdeclaraciones
Actualización: Modificación de las variables usadas en la expresión de comprobación antes de la siguiente iteración
39
3. Estructuras de Programación. Loops
Loop do-while
Cuando se utiliza un loop while, puede ocurrir que el bloque de repetición nunca se ejecute, cuando la condición no sea evaluada como true.
Una declaración do-while, garantiza que el cuerpo del loop o bloque de repetición se ejecute al menos una vez
Su estructura es como una declaración while invertida.
41
3. Estructuras de Programación. Loops
Loop do-while
Ejercicio 1: Realizar la impresión de su nombre un total
de 1000 veces. Utilice una variable para almacenar el
nombre.
42
3. Estructuras de Programación. Loops
Loop do- while
Ejercicio 2: Modifique el ejercicio anterior para imprimir
con el siguiente formato:
Nombre 1
Nombre 2
.
.
.
Nombre 1000
43
3. Estructuras de Programación. Loops
Loop do-while
Ejercicio 3: Crear una variable ciudad en donde se va a
alamacenar el nombre Riobamba y con la ayuda de un
loop while se desea obtener cada una de las letras de la
ciudad.
Utilice:
length para determinar la longitud del nombre de la
ciudad. ciudad.length
charAt para obtener la letra de la palabra en una
posición específica: Riobamba ciudad.charAt(3)
obtiene la letra o.
44
Loop for
3. Estructuras de Programación. Loops
Es un sinónimo del loop while, pero con una sintaxis más compacta.
Incluye en una misma línea: la inicialización, condición y actualización.
Separa los componentes de la cabecera con punto y coma(;)
45
3. Estructuras de Programación. Loops
Loop for
Ejemplo: Generar la serie de números de 1 a 500
46
3. Estructuras de Programación. Loops
Loop for
Ejercicio 1: Realizar la impresión de su nombre un total
de 1000 veces. Utilice una variable para almacenar el
nombre.
47
3. Estructuras de Programación. Loops
Loop for
Ejercicio 2: Modifique el ejercicio anterior para imprimir
con el siguiente formato:
Nombre 1
Nombre 2
.
.
.
Nombre 1000
48
3. Estructuras de Programación. Loops
Loop for
Ejercicio 3: Crear una variable ciudad en donde se va a
alamacenar el nombre Riobamba y con la ayuda de un
loop while se desea obtener cada una de las letras de la
ciudad.
Utilice:
length para determinar la longitud del nombre de la
ciudad. ciudad.length
charAt para obtener la letra de la palabra en una
posición específica: Riobamba ciudad.charAt(3)
obtiene la letra o.
49
3. Estructuras de Programación. Loops
Loops. Cuestiones adicionales
Los loops pueden contener en su estructura más de
un actualizador.
Ejemplo: Imprimir en forma ascendente y descendente los
números entre 1 y 500.
50
3. Estructuras de Programación. Loops
Ejercicios:
Utilizando los tres tipos de loops, crear los códigos ActionScript que permita crear la tabla de multiplicar hasta el 12 de un número dado.
Utilizando los tres tipos de loops, crear los códigos ActionScript para generar los múltiplos de un valor x comprendidos entre 1 y 100.
Utilizando los tres tipos de loops, crear los códigos ActionScript para generar los múltiplos de un valor x comprendidos entre A y B
Utilizando los tres tipos de loops, crear los códigos ActionScript para generar los múltiplos de un valor x comprendidos entre A y B controlando que se generen solamente si A<B. Caso contrario se debe imprimir un mensaje indicando el error.
51
4. Funciones en ActionScript
Las funciones son bloques de código
reutilizables.
Son una serie de instrucciones o expresiones
compactadas que ejecutan alguna acción o algún
cálculo.
Estos bloques de código son ejecutados tras el
llamado a la función. La misma que posee un
nombre que la identifica.
5;
5;
54
Funciones en ActionScript
Ejemplo: Script que calcule el área de 3
rectángulos
55
Funciones en ActionScript
Una función en ActionScript presenta la siguiente sintaxis básica:
56
Funciones en ActionScript
Tipos
Funciones personalizadas o funciones de programa.
saludo(“Pedro”);
59
Funciones en ActionScript
Ejemplo
Crear una función para sumar dos números:
function suma(num1,num2)
{
var sum:int;
sum=num1+num2;
trace (sum);
}
Invocar la función:
suma (100,300);
61
Funciones en ActionScript
Ejercicios:
Crear una función que permita dada una cadena,
imprimir el número de caracteres que contiene e
imprimir la cadena letra por letra.
Crear una función que dada una cadena
imprima el carácter ubicado en la posición X.
Crear una función que genere un número
aleatorio y compare si el número generado es
mayor o menor que un valor dado.
62
Funciones en ActionScript
Ejercicios:
Crear una función que permita dado un objeto
círculo, aumentar su tamaño.
Crear una función que permita desplazar un
objeto a lo largo y ancho del escenario.
Crear una función que desplace un objeto desde
la esquina superior izquierda del escenario hasta
cuando la posición en x sea mayor o igual a 200.
y entregue su posición en y.
63
Funciones en ActionScript
Ejercicios:
function mueve (cantx,canty)
{
this.u.x+=cantx;
this.u.y+=canty;
if (this.u.x>=100)
{
return (this.u.y);
}
}
trace(mueve(10,10));
64
Funciones en ActionScript
Toda función además de ejecutar código,
puede entregar un resultado, el cual es
recibido al invocar la función.
El resultado se envía con la palabra clave
return.
El resultado puede ser recibido en una
variable, o puede ser utilizado y/o mostrado
en pantalla inmediatamente.
65
Funciones en ActionScript
Ejemplo:
Función que realiza la suma de 2 números:
66
Funciones en ActionScript
Ejercicios:
67
Funciones en ActionScript
Ejercicios:
68
Funciones Integradas en ActionScript
71
Funciones Integradas en ActionScript
gotoAndPlay ()
Posee dos parámetros fundamentales:
El número de fotograma al que se desea saltar.
La escena en la que se encuentra el fotograma
deseado.
Si no se especifica la escena, se asume que
será la misma escena del fotograma que
ejecuta la función.
72
Funciones Integradas en ActionScript
gotoAndPlay
Ejercicio:
- Crear una película flash.
- En el primer fotograma de la escena 1 colocar el
texto “Fotograma 1 de la escena 1”
- En el fotograma 20 colocar un objeto círculo.
- En el fotograma 40 colocar el texto “40”.
- Probar la película.
73
Funciones Integradas en ActionScript
gotoAndPlay
Ejercicio:
- Crear las siguientes acciones:
- En el primer fotograma de la escena 1 colocar la
función para saltar y reproducir el fotograma 20
- En el fotograma 20 colocar la función para saltar
y reproducir el fotograma 40.
- Probar la película.
75
Funciones Integradas en ActionScript
gotoAndStop ()
Permite saltar a un fotograma o a una
escena específicos de la película y detener
la ejecución de la película.
Su uso es similar al de la función
gotoAndPlay ()
76
Funciones Integradas en ActionScript
gotoAndStop
Ejercicio:
- Crear las siguientes acciones:
- En el primer fotograma de la escena 1 colocar la
función para saltar y detener la reproducción en
el fotograma 20.
- Eliminar las acciones del fotograma 20
77
Funciones Integradas en ActionScript
gotoAndStop
Ejercicio:
- Crear las siguientes acciones:
- En el primer fotograma de la escena 1 colocar la
función para saltar y detener la reproducción en
el fotograma 20.
- Eliminar las acciones del fotograma 20
78