Zona HTML Zona Java Zona PHP Zona ASP Zona Bases de datos
Inicio > Tutoriales > Internet > Flash > Curso introductorio a Flash 4.0
-Tutoriales

Curso introductorio a Flash 4.0

Autor: Ciberaula

FAQ (Preguntas más habituales)

. Introducción y generalidades de Flash

¿Cuantos navegadores pueden visualizar películas de Flash actualmente?

Actualmente, unos 230.000.000 de navegadores, pueden visualizar películas de Flash 4.0.

Esto supone que el formato swf, es el segundo formato más compatible, después del formato gif, ya que esta cifra es más del 80% de los navegadores actuales.

¿Es necesario un plugin para visualizar los ficheros de Flash 4.0?

Efectivamente, es necesario que el navegador tenga el plugin adecuado. Este plugin, se puede descargar desde las páginas de Macromedia.

Otra opción, si se tiene el Flash 4.0 en el ordenador, es la siguiente:

Localiza la carpeta donde tienes Flash 4.0. Dentro de esa carpeta, tienes una subcarpeta que se llama players. Dentro de esa carpeta, encontrarás todos los plugins y players necesarios. Solo te queda copiar esos plugins, en la carpeta plugins de Netscape, y configurar los "helpers" del navegador, para que cuando encuentren un fichero swf, lo visualicen con dicho plugin.

¿Puede un fichero de flash ejecutarse antes de descargarse?

El formato Shockwave, tiene efectivamente esa ventaja de empezar a ejecutarse tan pronto tiene la información suficiente descargada, sin necesidad de que el fichero se haya descargado en su totalidad. Es lo que se llama "Streaming", que viene a ser "continuado".

Esta capacidad de "Streaming", permite que los ficheros de Flash, se ejecuten tan rápidamente. Cuidado, como vereis en algunos sitios, y comentaremos a lo largo de este curso, puede que haya momentos en los que nos interese romper ese "streaming", y forzar a la película que se descargue completamente, antes de ejecutarse.

¿Que es Shockwave?¿Cual es la diferencia entre shockwave de Flash, y Shockwave de Director?

Shockwave, es una tecnología propiedad de Macromedia, con la que distintas aplicaciones pueden volcar contenidos a la web. Este es el caso de Flash, de Director, y de Freehand entre otros. Como verás, Shockwave, no es un programa en sí, sino un formato.

Una vez dicho esto, decir que entre Director y Flash, las diferencias son notables. Director, esta más bien orientado a la creación de aplicaciones multimedia. Flash, por el contrario, esta orientado a la creación de contenidos multimedia para la web. Ahora bien, tanto Flash podría utilizarse para crear aplicaciones multimedia, de poca envergadura, como Director para crear contenidos para la web. Director es más potente en la creación de aplicaciones multimedia, debido entre otras cosas, al poder que le otorga Lingo. Flash, por otra parte, se encuentra un poco más limitado a la hora de realizar complejas aplicaciones, ya que sus posibilidades de script, son reducidas, aunque sobradas para la web.

En fin, en mi opinión, ninguna de las dos opciones sustituye a la otra, aunque algunos proyectos, bien se pudieran abordar desde cualquiera de ellas. Si la intención fundamental, es volcar contenidos a la web, entonces la herramienta adecuada es Flash.

¿Qué es un plugin?

Es un pequeño programa que le añade alguna funcionalidad al navegador de internet. Estos plugins, tienen como mision extender las capacidades de un navegador, de manera que puedan manejar otros formatos de ficheros, distintos a los que pueden manejar en por defecto. El flash 4.0, necesita un plugin en el navegador, para que este pueda visualizar los ficheros swf.

¿Se pueden abordar proyectos de comercio electrónico con Flash 4.0?

En principio, la "gran respuesta", es que con Flash se puede hacer de todo. Me explico, puedes hacer todo aquello que podrías hacer con un conjunto de páginas HTML, como hacer consultas a bases de datos, crear carritos de la compra, etc..., por supuesto para hacer todo esto, al igual que con el HTML, habrá que contar con CGI’s, que realicen en el servidor las acciones que no se pueden hacer en el lado cliente.

En este curso, veremos como un proyecto Flash puede comunicarse con un CGI, o lo que es lo mismo, como Flash, puede cargar valores de variables desde un fichero o una URL externa, ya sea esta un CGI, o un simple fichero de texto. Los CGI’s, no se tratarán en este temario, ya que se escapan al objetivo de este curso.

Explicaremos, también, y veremos algún ejermplo de como Flash y Javascript, pueden interactuar entre ellos. Como una película Flash puede llamar a una función javascript, y como desde Javascript, se puede controlar una película Flash. Este es uno de esos aspectos, que no están suficientemente cubiertos en la documentación oficial, y que intentaremos aclarar sobradamente. En este curso, nos centraremos en la interacción con Javascript, como paradigma de lenguaje de scripting, si bien, los métodos explicados, son extensibles a otros lenguajes como VBasic, Lingo, etc...

El objetivo de este curso es, daros toda la información necesaria para desarrollar desde Flash distintos proyectos multimedia, ya sea orientados a la web, o a otros medios de difusión. Asi mismo, se cubrirán todos aquellas posibilidades de interacción de flash con otras aplicaciones, o ficheros externos, aunque siempre desde el punto de vista de Flash. Con lo aprendido en este curso, una persona que tenga conocimientos de otras disciplinas relacionadas con la web, tales como CGI’s, bases de datos etc, habrá aprendido todo lo que necesita para aunar todas estas tecnologías con Flash 4.0.

Ahora bien, no es el objetivo de este curso, iluminar todas las disciplinas y técnicas de programación/gestión/diseño/ que debe conocer un webmaster a la hora de diseñar sitios complejos, con e-commerce, u otras aplicaciones avanzadas de la web, sino que la parcela concreta de desarrollo de contenidos interactivos con esta herramienta, quede totalmente cubierta y se conozca con la profundidad suficiente, para realizar proyectos interactivos, garantías profesionales.

Para todos aquellos interesados en otras disciplinas de desarrollo web, o programación de CGI’s, o desarrollo de bases de datos en Internet, lo único que os puedo decir ahora, es que por parte de Ciberaula, se hacen esfuerzos continuos para aumentar las posibilidades de formación, para los hispanos en la aldea global. Por tanto, permanecer atentos a los posibles nuevos cursos.

¿Se pueden ejecutar otros ficheros desde una película de Flash 4.0?

No solo se pueden generar ficheros con Flash que ejecuten otros ficheros, sino que el mismo flash, te permite generar autoejecutables.

Una punto fuerte de esta aplicación, es que se pueden generar autoejecutables para PC y para Mac, desde cualquiera de las dos plataformas, sin que se necesite el programa para ambas plataformas. Esto, supone una gran ventaja con respecto a aplicaciones como Director, en la que es necesario tener ambas versiones del programa, si se quiere publicar un autoejecutable que funcione en las dos plataformas.

. Preguntas más frecuentes sobre Dibujo

¿Cuantos niveles de deshacer tiene Flash 4.0?

Por defecto, puedes realizar hasta 100 "undos", o niveles de deshacer.

¿Existe una regla para medir el tamaño de una linea? es decir ¿si necesito dibujar una linea de 5 cms.. como la vida donde veo cuanto mide.?

En el menú window > inspectors > object tienes un inspector, que te muestra las propiedades del objeto seleccionado, y que a la vez puedes modificar númericamente. Ten en cuenta, que las medidas, no van en cms., ni en mms., si no en pixels, ya que una pantalla muestra puntos o pixels, a razón de 72 pixels por pulgada.

En el menú window > inspectors tienes otros inspectores, que te permiten tener control sobre otros elementos de un proyecto. Un inspector, no es más que una ventana en la que se muestran controles sobre una determinado elemeno del proyecto, como pueden ser los objetos, o las escenas de una película. Estos inspectores, te permiten realizar desde una sola ventana, acciones que supondrían un ir y venir por los distintos menús de la aplicación.

¿Para modificar todo el contenido del texto debo de arrastrar el mouse desde la ultima palabra , hasta la primera, o existe otra forma de hacerlo?

Efectivamente. Esa es la manera de hacerlo. Puedes cambiar también los parámetros del parrafo, y color del texto, haciendo lo siguiente:

Con la herramienta "puntero", selecciona una caja de texto, y sin hacer nada más, selecciona la herramienta de texto. Comprobarás que la caja de texto, sigue seleccionada. Modifica los valores de color o de parrafo, en la zona contextual de la paleta de herramientas, y verás que los cambios, afectan a toda la caja de texto.

¿Porque a veces se atenuan los objetos, y no los puedo seleccionar ni editar?

Cuando tienes un grupo de elementos en tu proyecto, editar uno de esos elementos individualmente, supone desagrupar los elementos, seleccionar y modificar el elemento en cuestión, seleccionar todo de nuevo, y volverlos a agrupar. Este proceso, es un poco incómodo. Por ello, flash 4.0, permite hacer esto sin desagrupar realmente el grupo:

Al hacer doble click sobre un grupo, automáticamente, flash te permite acceder a un estado temporal, en el cual puedes editar cada uno de los elementos de ese grupo, de manera individual. Observarás, que todos los demás elementos, que no forman parte del grupo, se presentan en la pantalla, con unos colores atenuados, y solo aquellos elementos del grupo, tienen todo su color. En ese estado, solo podrás seleccionar o modificar esos elementos, estando los demás bloqueados momentaneamente. Cuando has terminado con los ajustes, basta con hacer doble click en cualquier zona vacia del escenario, para volver al estado normal. Entonces, todos los elementos del proyecto, se presentan con toda su intensidad de color.

¿Porque no funcionan los ajustes que realizo sobre los campos de texto?

En realidad si funcionan, lo que ocurre es que, estos ajustes no son visibles en el modo de edición de Flash 4.0.

Para ver el funcionamiento de estos ajustes, es necesario testear la película, o la escena.

¿Porque no se visualiza la máscara?

A pesar de haber realizado todos los pasos para crear una máscara, es posible que sin embargo no veas la máscara funcionar. Esto es normal, te diré por qué: En el modo de edición, para que las máscaras sean visibles, todas las capas de la máscara (es decir, la mascara + las capas enmascaradas), deben estar bloqueadas. Bloquea las capas, y verás que la máscara funciona. Esta opción, esta hecha para que puedas editar las capas máscara en el proceso de edición.

Esten o no bloqueadas las capas, cuando testees la escena/pelicula, la máscara será visible. Compruébalo.

. Preguntas más frecuentes sobre Animación

¿Que diferencia a los sonidos "EVENT" de los sonidos "STREAM"?

Los sonidos "EVENT" se cargan en memoria totalmente antes de reproducirse, y no se reproducen hasta haber sido cargados totalmente en memoria.

Una vez cargados en memoria, comienzan a reproducirse, y no pararán hasta haberse reproducido por completo, salvo que se detengan mediante una acción que así lo especifique.

No se reproducen en sincronía con la timeline, al contrario que los sonidos "stream". Esto quiere decir que, los sonidos eventos no se pararán cuando la timeline se pare, ni que los frames que ocupen en la timeline, se correspondan con la duración del sonido.

¿Porque no puedo importar ficheros MP3 en mi proyecto?

Flash 4.0 añade la posibilidad de exportar los sonidos utilizados en el proyecto en formato MP3, que permite una muy alta compresión, sin apenas perdida de calidad.

Ahora bien, Flash 4.0 no puede importar sonidos en formato MP3. Los únicos sonidos que pueden ser importados a Flash 4.0 son: WAV para PC, y AIFF para Macintosh.

¿Como puedo controlar la velocidad de mis animaciones?

Para controlar la velocidad de la animación tus objetos, sin que afecte a la generalidad de la película, tienes que jugar con la ecuación espacio / tiempo, o lo que es lo mismo: distanciar más tus keyframes, insertando frames entre ellos, para que las transiciones sean más lentas, o acercar tus keyframes para que sean más rápidas.

Otra posibilidad que tienes, cuando se trata de animaciones tweening, tanto del tipo shape como del tipo motion, es ajustar los valores del parámetro "Easing", en la solapa tweening, para que la animación tenga mayor aceleración al principio o al final.

¿Como puedo reordenar las escenas de mi proyecto?

En menú WINDOW>INSPECTORS>SCENE, tienes un inspector que te permite trabajar con escenas. Puedes renombrarlas, o reordenarlas, entre otras cosas, fácilmente desde ese inspector. Para recolocarlas, basta con que arrastres y sueltes la escena deseada en la nueva posición, inmediatamente encima de la escena que irá después, e inmediatamente debajo de la escena que irá antes.

¿Porque no me funciona la movieclip que he insertado en un estado de mi botón?

Las Movie Clips, se reproducen indistintamente de lo que ocurra en la timeline principal, como así se explica en el texto base del curso. Sin embargo, esto no se visualizará en el modo de edición de Flash. Para poder ver como funciona, es necesario que testeemos la película, mediante menú control > test movie...

¿Se pueden realizar animaciones con los campos de texto?

Si, se pueden realizar animaciones con los campos de texto, exactamente igual que si de otro objeto se tratará.

. Preguntas más frecuentes sobre Interactividad Básica

¿Como puedo posicionar exactamente los elementos de una película cargada dentro de mi película principal?

Para hacer esto, lo mejor es que la película cargada tenga las mismas dimensiones que la película principal. De esta manera , los posición que los elementos tengán dentro de la película cargada, será exactamente la misma que tendrán en la timeline principal.

Un truco que yo suelo utilizar es:

Creo las dos películas del mismo tamaño, la que voy a cargar y la principal Posteriormente, selecciono en la principal algún objeto que me sirva de referencia, y si no existe lo creo eventualmente. Por ejemplo, puede que la segunda película tenga un texto que quiero que este colocado debajo de una imagen que hay en la película principal. Para posicionarlo exactamente, selecciono la imagen que hay en la pelicula principal y la copio al portapapeles. Posteriormente, utilizando menú EDIT > PASTE IN PLACE, pego esa imagen en la película secundaria. Al hacer esto, estoy pegando el elemento en la misma posición que ocupa en la película principal. Ahora, puedo posicionar mi objeto con respecto a esa referencia, y una vez hecho esto, puedo eliminar la referencia, con la seguridad de que la posición será la misma cuando cargue la película secundaria en la película principal.

¿Como puedo definir un botón invisible, usando el estado "HIT" de un botón?

Una utilidad del estado "HIT" de un botón es que, con él podemos definir un botón "invisible". Si definimos un botón que no tenga ningún gráfico en los estados "UP", "OVER" y "DOWN"; pero que si tenga una forma en el estado "HIT", estaremos creando un botón que no nos mostrará ningún gráfico, pero que si será capaz de recoger eventos: un botón INVISIBLE.

¿Que es y que utilidad tiene el estado "hit" de un botón?

El estado "hit" de un botón, sirve para definir el area de influencia de un botón, es decir, delimitar la zona en la que el botón será activo, y en consecuencia, la zona en la que ese botón recogerá las acciones del usuario. El estado "hit" de un botón, NUNCA es visible por el usuario, solo cumple una función delimitadora.

Un botón sin estado "hit" no funcionaría, ya que no tiene ninguna zona definida para recoger eventos del usuario, y por tanto, nunca podra realizar ninguna acción.

Es importante que el estado "hit" defina una zona, que se corresponda con los distintos estados visibles del botón. Para ello, es una buena práctica, definir el estado "hit" de un botón, con la forma más grande definida en los otros estados. De esta manera, la zona activa del botón, coincidirá con los gráficos que lo representan.

Una utilidad importante de este estado, es evitar que un botón que tenga elementos muy pequeños, como pueden ser textos, etc...; sea dificil de "alcanzar" por el usuario. Podemos usar el estado "hit" en ese caso, para definir un area activa que sea lo suficientemente grande, como para aportar comodidad en el uso del botón.

¿Como puedo tener control en el posicionamiento de una película cargada en la película principal?

Para conseguir un control exacto en el posicionamiento de una película cargada mediante Load Movie, en la película principal, lo mejor que puedes hacer es:

  1. Crea tu película a cargar, exactamente de las mismas dimensiones que las de la primera o principal.
  2. En ese escenario, que se corresponde con las dimensiones del principal, puedes colocar los objetos en la posición en que quieres que aparezcan cuando sean cargados en la película principal. Es decir, dado que las dimensiones de ambas películas son las mismas, si situas un objeto en la esquina inferior izquierda de tu película secundaria, éste aparecerá en la esquina superior izquierda de tu película principal cuando sea cargada.

. Preguntas más frecuentes sobre Interactividad Avanzada

A la propiedad _name no le veo la utilidad. ¿Podrías ponerme algún ejemplo donde se pueda aplicar esta propiedad?

Bueno, la propiedad de una movie clip _name, cambia el nombre de una movie clip. Es decir, puedes tener una movie clip que se llame "gato", por ejemplo, y en un momento determinado te interesa que se llame "perro". ¿Que tipo de utilidad puede tener?. Mucha. Intentaré ponerte un ejemplo de utilidad, de los muchos que puede llegar a tener. Supón que tienes una película con 4 o 5 movie clips distintas. Has definido unos botones que controlarían la movie clip llamada "control". Bien, podrías hacer que esos botones controlaran una de las 4 o 5 movie clips, simplemente cambiando el nombre que estas tuvieran por el de "control". De esta manera con unos botones podrías controlar distintas movie clips cada vez. Puedes encontrar muchas utilidades a esta propiedad.

No comprendo muy bien la propiedad _url. No entiendo por qué es útil para proteger nuestro trabajo de posibles usos ajenos. ¿Podrías explicarme mejor en qué consiste esta propiedad?

Cuando termines una película en Flash, puedes tener interes en que nadie copie esa película y la utilice en sus páginas web sin pedirte permiso.

Haciendo uso de esta propiedad puedes evitar que tu película sea copiada y servida desde otro servidor distinto al tuyo. ¿COMO?. Simplemente puedes hacer una comprobación, con la acción IF, al principio de tu película para comprobar que la película esta siendo cargada desde la URL que tu tienes prevista en tu servidor. Si esta condición no se cumple, puedes redirigir la película a una escena en la que muestres tu copyright. De esta manera la película solo se verá correctamente si es cargada desde tu URL.

¿Para que sirve la acción CALL?

La acción CALL es una acción de productividad. Su misión es ejecutar en el frame en el que se encuentra, el conjunto de acciones que hayan sido definidas en otro frame. Esto es útil cuando tenemos un conjunto de acciones que realizan una función compleja y ese conjunto de acciones va a ser utilizado más de una vez en la película.

Para usar esta acción correctamente, hay que seguir los siguientes pasos:

Primeramente, al frame en el que hayamos definido el conjunto de acciones que queremos ejecutar, hay que ponerle una "label". Por ejemplo "acción".

A continuación, desde cualquier frame de la película podemos emplear la siguiente acción:

Call ("accion")

Para que se ejecute el set de acciones que hay en el frame "accion", como si se tratarán de acciones incluidas en el frame actual. De esta manera, no tenemos que incluir todo el conjunto de acciones de nuevo.

¿Como se nombra una variable que esta definida en una película cargada en un "level"?

Exactamente igual que haríamos con cualquier otra variable, hay que definir primero el camino que lleva a la timeline de esa película, posteriormente añadimos el nombre de la variable precedida por ":"

Por ejemplo, para llamar a la variable llamada "variable", dentro de la película cargada en el "_level1", habría que utilizar la siguiente expresión:

"_level1:variable"

¿Como se nombra una variable que esta en la timeline principal?

El símbolo que representa a la timeline principal es "/", por tanto utilizando la nomenclatura de las variables, para nombrar una variable definida en la timeline principal, tendríamos que utilizar la siguiente expresión:

"/:variable"

¿Por que no funcionan los cálculos que realizo sobre mis variables?

Tal vez no estes utilizando bien la nomenclatura de las variables. Cada variable pertenece a una Timeline determinada. La manera de referirse a esta variable desde otra timeline, es describiendo el "path" o camino a la timeline de la movie clip que la contiene y a continuación la variable, precedida del símbolo ":"

Por ejemplo, para referirnos a una variable que este definida dentro de una movie clip llamada "movieclip", que estuviera en la timeline principal, habría que utilizar la siguiente nomenclatura:

"/movieclip:variable"

donde "/" es el símbolo que representa a la timeline principal, "movieclip" el nombre identificativo de la movie clip y "variable" es el nombre de la variable dentro de la movieclip.

¿Como puedo tener una película externa en mi proyecto, sin que esta sea cargada continuamente?

  • Creas una película, que será la que después cargues. Esa película, debe tener un primer frame vacío, con una acción STOP en él. De esta manera, cuando cargues la película en la timeline principal, no se ejecutará ni será visible.
  • Carga tu película en la timeline principal. Dado que no será visible hasta que la reproduzcas, da igual en que momento la cargues. Puedes hacerlo en el primer frame si te parece bien. Lo único que debes observar, es que no sea cargada en un "level" en el que ya haya otra película, salvo que quieras reemplazar una por la otra.
  • Ahora que ya la tienes cargada, utiliza los tell target para reproducirla cuando quieras. La película se reproducirá hasta que alcance de nuevo el frame 1. Como este frame tienen una acción STOP, la película se parará y será invisible de nuevo, ya que el primer frame no tiene nada.

De esta manera, la película solo se carga una vez, aunque la puedes ejecutar tantas veces como quieras.

¿Cual es la diferencia entre TRACE y COMMENT?

TRACE, se utiliza para chequear o testear el buen funcionamiento de un codigo en tu aplicación Flash, sin tener que publicarlo. Las variables u operaciones que incluyas en la acción TRACE, mostrarán sus resultados en una ventana cuando estes testeando tu película en Flash. De esta manera puedes ver si el resultado de esos procesos es erróneo. Supongamos que tienes una serie de funciones que realizan un cálculo con una serie de valores y variables, y ese resultado se almacena en la variable "resultado". Puedes hacer que ese resultado se te muestre en una ventana, cuando estas testeando la película, usando la acción TRACE.

Una cosa importante es que, las acciones TRACE no tienen ningún resultado en la película final, es decir, no mostrarán ninguna ventana cuando las películas sean exportadas e incrustadas en un documento HTML. Esta es solo una acción que funciona cuando estas chequeando una película dentro de Flash.

Por otro lado, COMMENT se utiliza para añadir comentarios a los códigos de tus proyectos, que te ayuden o ayuden a un tercero a entender los pasos que vas dando en el código del proyecto. Esta acción tiene la misma función que los comentarios que puedes insertar en cualquier lenguaje de programación. En realidad, los comment no afectan a la ejecución del programa, y solo serán visibles en el fichero .fla, cuando este sea abierto en Flash y visualices las acciones de un determinado frame o botón.

. Preguntas más frecuentes sobre otros apartados

¿Que es un menú contextual?¿Como se abren los menús contextuales en Flash 4.0?

Un menú contextual, es un menú emergente, en el cual se muestran algunas opciones que pueden ser de utilidad, en función al objeto que se haya seleccionado cuando se abre el menú. Por ejemplo, al abrir un menú contextual sobre un campo de texto editable, encontraremos acceso directo a opciones relacionadas con el campo de texto, como pueden ser la fuente, parrafo o propiedades.

Esta manera directa de acceder a opciones relacionadas con un objeto, nos ahorran tiempo en la productividad, ya que no hay que navegar por los menús buscando un comando.

Para abrir un menú contextual hay que hacer CTRL + Click (Macintosh), o Click derecho (PC).

¿Como puedo crear librerías propias, que se puedan reutilizar en otros proyectos?

En principio, cada fichero tiene su propia librería, sin embargo, podemos reutilizar las librerías de cualquier fichero en cualquier otro proyecto. Para hacer esto, Flash nos da la posibilidad de abrir la librería de un fichero, sin abrir este. La opción para hacer esto, la encontramos en menú File > Open as library....

Una vez tengamos la librería abierta, bastará con arrastrar y soltar los elementos de esa librería sobre el escenario. Automáticamente, Flash añadira ese objeto a la librería propia del proyecto.

Entre los menús de Flash, hay uno que se llama Libraries. Este menú incluye algunas librerías predefinidas. Podemos crear nuestras propias librerías genericas, para que sean accesibles desde ese menú. Para ello, basta con copiar el fichero .fla que contiene la librería deseada, a la carpeta "libraries", que está dentro de la carpeta de la aplicación "Flash 4.0". De esta manera, la próxima vez que se abrá Flash, el menú libraries mostrará la nueva librería.

 
Patrocinados
 

Copyright © 1999-2006 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network