SlideShare una empresa de Scribd logo
1 de 3
4.2 Introducción
Introducción a la Programación
con ActionScript

      Si bien hemos catalogado este tema como "básico", la palabra adecuada sería
 "necesario". pues si bien el objetivo de este tema NO es enseñar programación, no podemos
 pasar por alto que ciertos conceptos relacionados con ella deben conocerse para poder llegar
 a entender el ActionScript. Vamos pues a explicar algunos conceptos fundamentales,
 necesarios para abordar la programación mediante ActionScript.

      Script: Código escrito en cualquier lenguaje de programación que realiza una tarea
 determinada. Así por ejemplo, el código ActionScript necesario para que al pulsar un botón de
 Flash pasemos al fotograma siguiente es un script.

     Variable: Vamos a explicar la interpretación del término variable en programación
 mediante un ejemplo sencillo.

   Si tenemos la expresión: x = 3;

    Tenemos que x es una variable que toma el valor 3. Se llama variable precisamente porque
 puede cambiar de valor en cualquier momento durante la ejecución de nuestra película Flash.
 Todos los datos que se manejan normalmente son variables (salvo aquellos constantes, por
 ejemplo el número 3). Así, en un formulario, el nombre es una variable (de tipo cadena de
 caracteres o string), el apellido también, la dirección, el teléfono etc...

      Expresión / Sentencia: Conjunto de operadores, constantes, variables o acciones.
 Provocan un resultado o una acción determinada y SIEMPRE deben ir terminados por ' ; '
 (punto y coma).

      Función: Una función es una porción de código (ActionScript en nuestro caso) que tiene
 un nombre determinado y que realiza una labor concreta. Ejemplo, la siguiente definición de
 función:

   function IncrementaX(x) {x = x + 1;}

    Realiza la función de tomar la variable "x" y sumarle uno a su valor. Si quisiéramos
 ejecutarla en algún lugar de nuestra película, bastaría con escribir: "IncrementaX(x)", siempre
 y cuando la definición de la función (que es el código mostrado arriba) esté en cualquier parte
 de la película que se ejecute ANTES que la llamada a la función.

      Acción: Flash llama Acción a funciones que él mismo ha implementado y que no
 requieren ser definidas para ser usadas. Basta por tanto, con escribir la llamada a la función.
 Estas acciones son lo que usaremos la mayoría de las veces, pues resultan sumamente fáciles
 de usar y muy potentes. Las acciones aparecen en el Panel Acciones y se pueden insertar en
 nuestro código con un simple clic de ratón.

    Por ejemplo "gotoAndPlay(3)" es una acción que provoca que Flash pase a ejecutar el
 fotograma 3.

    Ahora que entendemos qué son las funciones, deberemos comprender también, que en
 alguna parte, Flash ha definido la función "gotoAndPlay" (tal y como hemos hecho nosotros
anteriormente con la función "IncrementaX") y ha escrito un código que provoca el efecto ya
comentado. Por suerte todo esto no nos debe preocupar, Flash 8 se encarga de todo. Nos
basta con conocer las acciones y saber cómo usarlas.

     Parámetro: Un parámetro es una variable que entra o sale de una acción o de una
función. Ponemos un ejemplo para clarificar esta definición:

  Tenemos la siguiente definición de función:

  function Suma5(p_entrada, p_salida) {p_salida = p_entrada + 5;}

  Imaginemos que tenemos una variable x que vale 7 y otra variable y que queremos que
valga 7 + 5. Ejecutaríamos la función "Suma5" del siguiente modo: Suma5( x , y ). Vamos a ver
qué hace exactamente la función con los parámetros x e y.

   Al ejecutar "Suma5( x , y)", Flash busca definiciones de funciones que se llamen Suma5,
enseguida encontrará la definición que hemos escrito arriba, (que deberá estar escrita en
alguna parte de nuestra película ANTES de ejecutar "Suma5( x, y )"). Cuando lo hace,
comprueba que la función que ejecutamos COINCIDE con la cabecera de la definición, esta
cabecera abarca el nombre de la función y todo lo que venga a continuación hasta que se
cierre el paréntesis. En nuestro caso, la cabecera sería "Suma5(p_entrada, p_salida)"

  Aquí viene la pregunta inminente, ¿Coinciden?. La respuesta es SÍ, para que coincidan
DEBE coincidir el NOMBRE de la función y el número de parámetros, que serán variables o
valores separados por comas. Como tenemos 2 parámetros en cada parte, todo coincide y
pasa a ejecutarse la función. La función ejecutada es "Suma(x , y)", por lo que lo que en
realidad se ejecutará será:

  function Suma5(x, y) {y = x + 5;}

  Tras ejecutarse esta función, y valdrá lo que valiese x mas 5. Es lo que queríamos.

  La variable 'x' ha actuado como parámetro de entrada, pues aporta un dato a la función, el
valor 'y' comienza entrando en la función, pero es un parámetro de salida porque ha sido
modificado DENTRO de la función.

     Programación Orientada a Objetos (POO): ActionScript es un lenguaje orientado a
objetos, esto quiere decir que la información se organiza en grupos denominados clases.
Cuando queremos emplear una clase en nuestra película, usamos una instancia de ella,
denominada OBJETO. Los objetos, y por tanto, las clases, tiene Propiedades (características)
y Métodos (comportamientos). Pongamos 2 ejemplos para clarificar esto:

  - El objeto Persona tiene:

  - Propiedades: Nombre, edad, altura ...

  - Comportamientos: hablar, correr, saltar ...

  - El objeto Clip de Película tiene:

  - Propiedades: color, anchura, altura ...

  - Comportamientos: gotoAndPlay, Stop, Play, LoadMovie ...

  Evidentemente el primer objeto es meramente didáctico, el segundo objeto es un objeto de
Flash (salvo que las propieades están definidas en inglés), y probablemente el más
importante...

  Los objetos los podemos encontrar también en el Panel Acciones, su uso es sencillo.
Veamos un ejemplo:

  Tenemos el objeto Clip1, que es una instancia de la Clase MovieClip y por tanto, tiene sus
mismas Propiedades y Métodos.

  - Clip1._height = 20;

   Con la línea anterior, estamos diciendo a Flash que el objeto Clip1 tiene una altura de 20
(inmediatamente Flash la modificará en el fotograma en el que se encuentre). La sintaxis de
Flash establece que debe existir el separador "._" , no vale la pena entrar a describir el porqué.
Siempre será así, no lo olvidemos.

  - Clip1.Play();

  Esta acción ejecutará el método Play, que pertenece a los Clips de Película, provocará que
se comience a ejecutar la línea de tiempos del Clip1. Nótese que aquí no hay "_" como
separador, sólo un "."

     Ya conocemos los conceptos "básicos" de Flash 8. Si pensamos en que, con sólo 1 línea
podemos modificar la altura de un objeto de nuestra película DURANTE LA EJECUCIÓN DE
LA MISMA (y no mientras la creábamos como hasta ahora), podremos hacernos una idea de
lo que nos permitirá el ActionScript ... Podremos dar vida a nuestras animaciones y conseguir
una interactividad total con el usuario. Podremos conseguir una película completamente
multimedia.

   El conocimiento y comprensión de estos conceptos no es un requisito para comenzar a
programar con ActionScript, programar por intuición es una práctica muy común en este tipo de
lenguajes. En este curso recomendamos saber lo que se está haciendo en todo momento y
conocer bien qué es cada cosa, y pensamos que hacer un esfuerzo inicial nos gratificará
constantemente durante nuestro aprendizaje de ActionScript, pues con todo lo anterior claro y
un poco de trabajo, pronto pasaremos a ser programadores expertos y en ese momento la
intuición deja de ser útil...




                                                               Erick David Jaramillo Paz
                                                                      3° “B” Informática

Más contenido relacionado

La actualidad más candente (18)

Conceptos Iniciales de Programación
Conceptos Iniciales de ProgramaciónConceptos Iniciales de Programación
Conceptos Iniciales de Programación
 
Introduccion
IntroduccionIntroduccion
Introduccion
 
Introducción a la programación con action script
Introducción a la programación con action scriptIntroducción a la programación con action script
Introducción a la programación con action script
 
4.2 introduccion
4.2 introduccion4.2 introduccion
4.2 introduccion
 
4.2
4.24.2
4.2
 
Introduccion
IntroduccionIntroduccion
Introduccion
 
4.2
4.24.2
4.2
 
Jhonny
JhonnyJhonny
Jhonny
 
4.2
4.24.2
4.2
 
Programaa
ProgramaaProgramaa
Programaa
 
4.2docx
4.2docx4.2docx
4.2docx
 
Introducción a la programación con actionscript
Introducción a la programación  con actionscriptIntroducción a la programación  con actionscript
Introducción a la programación con actionscript
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Lizeth natalia urian salazar proyectio
Lizeth natalia urian salazar proyectioLizeth natalia urian salazar proyectio
Lizeth natalia urian salazar proyectio
 
Action script 3
Action script 3Action script 3
Action script 3
 
Action script
Action scriptAction script
Action script
 
Vale 11
Vale 11Vale 11
Vale 11
 

Similar a 4.2 gaem

4.2. "programar propiedades en los botones"
4.2. "programar propiedades en los botones"4.2. "programar propiedades en los botones"
4.2. "programar propiedades en los botones"Avila Gaby
 
Thalia castro 1101
Thalia castro 1101Thalia castro 1101
Thalia castro 1101thalis96
 
4manipularbotones 121006192501-phpapp02 (1)
4manipularbotones 121006192501-phpapp02 (1)4manipularbotones 121006192501-phpapp02 (1)
4manipularbotones 121006192501-phpapp02 (1)Jose Joney Vargas Castro
 
Action script
Action scriptAction script
Action scriptafos
 
Andres alexis canizales (1)
Andres alexis canizales (1)Andres alexis canizales (1)
Andres alexis canizales (1)alexisprom
 
Trabajo de gestión de proyecto (1)
Trabajo de gestión de proyecto (1)Trabajo de gestión de proyecto (1)
Trabajo de gestión de proyecto (1)lzhat
 

Similar a 4.2 gaem (14)

Prcaticasfaltantes
PrcaticasfaltantesPrcaticasfaltantes
Prcaticasfaltantes
 
4.2. "programar propiedades en los botones"
4.2. "programar propiedades en los botones"4.2. "programar propiedades en los botones"
4.2. "programar propiedades en los botones"
 
Action script
Action scriptAction script
Action script
 
Action script
Action scriptAction script
Action script
 
Action script
Action scriptAction script
Action script
 
Action script
Action scriptAction script
Action script
 
Thalia castro 1101
Thalia castro 1101Thalia castro 1101
Thalia castro 1101
 
4manipularbotones 121006192501-phpapp02 (1)
4manipularbotones 121006192501-phpapp02 (1)4manipularbotones 121006192501-phpapp02 (1)
4manipularbotones 121006192501-phpapp02 (1)
 
4 manipular botones
4 manipular botones4 manipular botones
4 manipular botones
 
Action script
Action scriptAction script
Action script
 
Action script 3
Action script 3Action script 3
Action script 3
 
Anyi amaya
Anyi amayaAnyi amaya
Anyi amaya
 
Andres alexis canizales (1)
Andres alexis canizales (1)Andres alexis canizales (1)
Andres alexis canizales (1)
 
Trabajo de gestión de proyecto (1)
Trabajo de gestión de proyecto (1)Trabajo de gestión de proyecto (1)
Trabajo de gestión de proyecto (1)
 

Más de Erick J Paz (20)

Unidad 2
Unidad 2Unidad 2
Unidad 2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Unidad 3
Unidad 3Unidad 3
Unidad 3
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Unidad 7
Unidad 7Unidad 7
Unidad 7
 
Práctica 29
Práctica 29Práctica 29
Práctica 29
 
Práctica 30
Práctica 30Práctica 30
Práctica 30
 
Sopa de letras
Sopa de letrasSopa de letras
Sopa de letras
 
Practica 22
Practica 22Practica 22
Practica 22
 
Practica 25
Practica 25Practica 25
Practica 25
 
Practica 7
Practica 7Practica 7
Practica 7
 
Practica 8
Practica 8Practica 8
Practica 8
 
Practica 11
Practica 11Practica 11
Practica 11
 
Practica 12
Practica 12Practica 12
Practica 12
 
Practica 10 hello kitty erick jaramillo
Practica 10 hello kitty   erick jaramilloPractica 10 hello kitty   erick jaramillo
Practica 10 hello kitty erick jaramillo
 
Practica 13
Practica 13Practica 13
Practica 13
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Practica 14
Practica 14Practica 14
Practica 14
 
Prã¡ctica 15
Prã¡ctica 15Prã¡ctica 15
Prã¡ctica 15
 
Prã¡ctica 21
Prã¡ctica 21Prã¡ctica 21
Prã¡ctica 21
 

4.2 gaem

  • 1. 4.2 Introducción Introducción a la Programación con ActionScript Si bien hemos catalogado este tema como "básico", la palabra adecuada sería "necesario". pues si bien el objetivo de este tema NO es enseñar programación, no podemos pasar por alto que ciertos conceptos relacionados con ella deben conocerse para poder llegar a entender el ActionScript. Vamos pues a explicar algunos conceptos fundamentales, necesarios para abordar la programación mediante ActionScript. Script: Código escrito en cualquier lenguaje de programación que realiza una tarea determinada. Así por ejemplo, el código ActionScript necesario para que al pulsar un botón de Flash pasemos al fotograma siguiente es un script. Variable: Vamos a explicar la interpretación del término variable en programación mediante un ejemplo sencillo. Si tenemos la expresión: x = 3; Tenemos que x es una variable que toma el valor 3. Se llama variable precisamente porque puede cambiar de valor en cualquier momento durante la ejecución de nuestra película Flash. Todos los datos que se manejan normalmente son variables (salvo aquellos constantes, por ejemplo el número 3). Así, en un formulario, el nombre es una variable (de tipo cadena de caracteres o string), el apellido también, la dirección, el teléfono etc... Expresión / Sentencia: Conjunto de operadores, constantes, variables o acciones. Provocan un resultado o una acción determinada y SIEMPRE deben ir terminados por ' ; ' (punto y coma). Función: Una función es una porción de código (ActionScript en nuestro caso) que tiene un nombre determinado y que realiza una labor concreta. Ejemplo, la siguiente definición de función: function IncrementaX(x) {x = x + 1;} Realiza la función de tomar la variable "x" y sumarle uno a su valor. Si quisiéramos ejecutarla en algún lugar de nuestra película, bastaría con escribir: "IncrementaX(x)", siempre y cuando la definición de la función (que es el código mostrado arriba) esté en cualquier parte de la película que se ejecute ANTES que la llamada a la función. Acción: Flash llama Acción a funciones que él mismo ha implementado y que no requieren ser definidas para ser usadas. Basta por tanto, con escribir la llamada a la función. Estas acciones son lo que usaremos la mayoría de las veces, pues resultan sumamente fáciles de usar y muy potentes. Las acciones aparecen en el Panel Acciones y se pueden insertar en nuestro código con un simple clic de ratón. Por ejemplo "gotoAndPlay(3)" es una acción que provoca que Flash pase a ejecutar el fotograma 3. Ahora que entendemos qué son las funciones, deberemos comprender también, que en alguna parte, Flash ha definido la función "gotoAndPlay" (tal y como hemos hecho nosotros
  • 2. anteriormente con la función "IncrementaX") y ha escrito un código que provoca el efecto ya comentado. Por suerte todo esto no nos debe preocupar, Flash 8 se encarga de todo. Nos basta con conocer las acciones y saber cómo usarlas. Parámetro: Un parámetro es una variable que entra o sale de una acción o de una función. Ponemos un ejemplo para clarificar esta definición: Tenemos la siguiente definición de función: function Suma5(p_entrada, p_salida) {p_salida = p_entrada + 5;} Imaginemos que tenemos una variable x que vale 7 y otra variable y que queremos que valga 7 + 5. Ejecutaríamos la función "Suma5" del siguiente modo: Suma5( x , y ). Vamos a ver qué hace exactamente la función con los parámetros x e y. Al ejecutar "Suma5( x , y)", Flash busca definiciones de funciones que se llamen Suma5, enseguida encontrará la definición que hemos escrito arriba, (que deberá estar escrita en alguna parte de nuestra película ANTES de ejecutar "Suma5( x, y )"). Cuando lo hace, comprueba que la función que ejecutamos COINCIDE con la cabecera de la definición, esta cabecera abarca el nombre de la función y todo lo que venga a continuación hasta que se cierre el paréntesis. En nuestro caso, la cabecera sería "Suma5(p_entrada, p_salida)" Aquí viene la pregunta inminente, ¿Coinciden?. La respuesta es SÍ, para que coincidan DEBE coincidir el NOMBRE de la función y el número de parámetros, que serán variables o valores separados por comas. Como tenemos 2 parámetros en cada parte, todo coincide y pasa a ejecutarse la función. La función ejecutada es "Suma(x , y)", por lo que lo que en realidad se ejecutará será: function Suma5(x, y) {y = x + 5;} Tras ejecutarse esta función, y valdrá lo que valiese x mas 5. Es lo que queríamos. La variable 'x' ha actuado como parámetro de entrada, pues aporta un dato a la función, el valor 'y' comienza entrando en la función, pero es un parámetro de salida porque ha sido modificado DENTRO de la función. Programación Orientada a Objetos (POO): ActionScript es un lenguaje orientado a objetos, esto quiere decir que la información se organiza en grupos denominados clases. Cuando queremos emplear una clase en nuestra película, usamos una instancia de ella, denominada OBJETO. Los objetos, y por tanto, las clases, tiene Propiedades (características) y Métodos (comportamientos). Pongamos 2 ejemplos para clarificar esto: - El objeto Persona tiene: - Propiedades: Nombre, edad, altura ... - Comportamientos: hablar, correr, saltar ... - El objeto Clip de Película tiene: - Propiedades: color, anchura, altura ... - Comportamientos: gotoAndPlay, Stop, Play, LoadMovie ... Evidentemente el primer objeto es meramente didáctico, el segundo objeto es un objeto de
  • 3. Flash (salvo que las propieades están definidas en inglés), y probablemente el más importante... Los objetos los podemos encontrar también en el Panel Acciones, su uso es sencillo. Veamos un ejemplo: Tenemos el objeto Clip1, que es una instancia de la Clase MovieClip y por tanto, tiene sus mismas Propiedades y Métodos. - Clip1._height = 20; Con la línea anterior, estamos diciendo a Flash que el objeto Clip1 tiene una altura de 20 (inmediatamente Flash la modificará en el fotograma en el que se encuentre). La sintaxis de Flash establece que debe existir el separador "._" , no vale la pena entrar a describir el porqué. Siempre será así, no lo olvidemos. - Clip1.Play(); Esta acción ejecutará el método Play, que pertenece a los Clips de Película, provocará que se comience a ejecutar la línea de tiempos del Clip1. Nótese que aquí no hay "_" como separador, sólo un "." Ya conocemos los conceptos "básicos" de Flash 8. Si pensamos en que, con sólo 1 línea podemos modificar la altura de un objeto de nuestra película DURANTE LA EJECUCIÓN DE LA MISMA (y no mientras la creábamos como hasta ahora), podremos hacernos una idea de lo que nos permitirá el ActionScript ... Podremos dar vida a nuestras animaciones y conseguir una interactividad total con el usuario. Podremos conseguir una película completamente multimedia. El conocimiento y comprensión de estos conceptos no es un requisito para comenzar a programar con ActionScript, programar por intuición es una práctica muy común en este tipo de lenguajes. En este curso recomendamos saber lo que se está haciendo en todo momento y conocer bien qué es cada cosa, y pensamos que hacer un esfuerzo inicial nos gratificará constantemente durante nuestro aprendizaje de ActionScript, pues con todo lo anterior claro y un poco de trabajo, pronto pasaremos a ser programadores expertos y en ese momento la intuición deja de ser útil... Erick David Jaramillo Paz 3° “B” Informática