Práctica 23 - Cortometraje

Finalizadaa y enviadaa al correoo electronico :D

Práctica 22 - Clips de Película

Finalizada y enviada al correo electronico :D

Práctica 21 - Generar y publicar películas

Finalizada y enviada al correo electronico

Práctica 20 - Configuración de publicación

 Una vez que tenemos nuestro documento finalizado Seleccionamos Archivo > Configuración de publicación y hacemos clic en Formatos. El tipo de archivo HTML está seleccionado de forma predeterminada. Aquí introducimos el nombre del documento que queramos. Ahí nos vamos a encontrar con una lista de formatos que de una vez podemos exportar con todas esas extensiones ya nombradas. Hay que fijarnos que cada vez que uno tilda automáticamente, nos pone la solapa correspondiente para que configuremos cada extensión en particular Una vez que ya hemos terminado de configurar todo le damos a publicar, y sólo nos pone todos los archivitos en la carpeta DONDE ESTA GUARDADO EL .FLA y utilizamos lo que necesitamos.

No se olviden que para la web la extensión que debemos subir es SWF y al HTML lo pueden terminar de configurar en un editor HTML.

Practica Final - Segundo Parcial
finalizada y enviadaa

Práctica 19 - Sonidos en Flash

Finañizadaa y enviadaaa al correoo electronicooo

Práctica 18 - Trabajar con Sonidos

Finalizadaa!

Práctica 17 - Archivos de Audio

 Archivos de Audio

Bueno como ya sabemos hay diferentes tipos de archivos de audio hoy en día , se distinguen dos diferentes tipos con perdida y sin perdida.

Vamos a ver lo que son cada uno de ellos.

*Con perdida: son aquellos que usan algoritmo de compresión de perdida y tienen una gran ventaja ya que obtenemos datos digitalizados que ocupan menos espacio en disco.

Algunos de los archivos de sonido con perdida son:

MP3 o MPEG-1 Audio Layer 3: Es un formato de audio digital estándar comprimido con pérdida, la pérdida de información del formato mp3 no es audible por el oído humano, por tanto no distinguiremos la diferencia entre un archivo de audio sin compresión y un archivo mp3, una ventaja de este es que se puede  reducir el tamaño del archivo de sonido sin influir en su calidad. 

ACC o Advanced Audio Coding:Una de sus caracteristicas  es que es más eficiente que MP3 en casi todos los aspectos, ofrece mayor calidad y archivos de menor tamaño, pero no goza por el momento de la compatibilidad y la popularidad del MP3. 

 Ogg: Este formato ofrece una mejor fidelidad de sonido entre 8 KHz y 48 KHz que el mp3 y sus archivos ocupan menos espacio. En cuanto a compatibilidad, tampoco es un formato todavía tan universal como el mp3 pero cada vez más dispositivos y programas lo reconocen y pueden trabajar con el. 

 Real Audio o RM: Este formato esta pensado para las transmisiones por internet en tiempo real.

 WMA o Windows Media Audio: Es un formato de compresión de audio con pérdida aunque también existe este formato con compresión sin pérdida. Y está desarrollado básicamente con fines comerciales para el reproductor integrado en Windows, Windows Media Player. Está por debajo del nivel de los anteriores formatos. 

*Sin Perida: son aquellos que usando o no métodos de compresión, representan la información sin intentar utilizar menor cantidad de la información original. Hacen posible una reconstrucción exacta de la información original.

AIFF o Audio Interchange File Format: es un estándar de formato de archivo de audio para vender datos de sonido para ordenadores, los datos en AIFF no estan Comprimidos .

FLAC o Free Lossless Audio Codec: consigue reducir el tamaño de un archivo de sonido original de entre la mitad hasta tres cuartos del tamaño inicial.

Práctica 16 - Ejercicios: Botones

Finalizadaa

Práctica 15 - Acciones en los botones

Acciones en los botones

Puesto que existen multitud de acciones que se pueden aplicar tanto a los botones, como a otros elementos de Flash CS5 vamos a comentar dos de las más comunes.
Nota: Al crear un archivo, habrás visto que podemos elegir distintas versiones de ActionScript (3.0 o 2.0). Esto se refiere al lenguaje de programación que podemos empelar en Flash y que lo convierte en una herramienta realmente potente. En las versiones 1 y 2, se podían agregar comportamientos directamente en las propiedades de los botones. Pero nosotros venimos empleando las versión 3.0 a lo largo del curso, por ser la más actual y potente. Esta versión nos obliga a escribir el código ActionScript.
Comenzamos por crear o añadir nuestro botón, y asignarle un nombre de instancia. El nombre que le demos es muy importante, porque nos permitirá acceder a él desde el código.
Aunque podemos escribir el código en la misma capa, recomendamos crear una capa exclusivamente para el código, por tenerlo todo mejor organizado.
Ahora, abrimos en el panel Acciones (menú Ventana → Acciones). Se mostrará un área en blanco en la que podemos escribir:

Este panel, en el área blanca de la derecha, nos permite escribir o editar acciones directamente.
También encontramos la ventana Fragmentos de código. Desde ella, podemos generar breves instrucciones de código para el símbolo seleccionado, lo que la mayoría de veces nos facilitará la tarea, ya que se trata de las opciones más repetidas.

Este es el aspecto general del código asociado a un botón:

 
Donde miBoton será el nombre de la instancia del botón.
A esta instancia, le indicamos que queremos que reaccione al clic del ratón (MouseEvent.CLICK), ejecutando las acciones llamadas accionesMiBoton (podemos darle el nombre que queremos).
accionesMiBoton contiene las acciones a realizar, y podemos verlo a continuación. Solo habría que cambiar el texto //acciones por las acciones a realizar.
Si tenemos varios botones, a cada uno lo referiremos por su nombre de instancia que es único. También tenemos que dar un nombre único a accionesMiBoton para cada uno, a no ser que queramos que realicen la misma acción.
 

Acciones más comunes

 

* Abrir una página web: Con esto conseguiremos abrir una página cualquiera de internet (o una película Flash), lo que nos servirá para irnos desplazando por webs que contengan más de una página, o permitir al usuario descargarse archivos entre otras cosas.
La forma más sencilla de hacerlo es seleccionar el botón que queramos usar (en el siguiente ejemplo, hemos llamado a la instancia btnVisitarAulaclic) y buscar la acción que queremos en el panel Fragmentos de código. En la carpeta Acciones hacemos doble clic sobre Hacer clic para ir a página Web. Se generará un código como el siguiente:

Lo primero que encontramos en el código generado son comentarios. Este código, normalmente en gris claro, no se ejecuta como tal, y solo sirve para indicar cosas al usuario. En este caso, nos da explicaciones de cómo usar el código generado.
Lo único que hemos de hacer es reemplazar la url de ejemplo (www.adobe.com) por la de la página a la que queramos que nos envíe el botón.
La instrucción en ActionScript que nos permite hacerlo es navigateToURL(new URLRequest("http://www.mipagina.es"), "_blank");. "http://www.mipagina.es" se refiere a la página que queremos abrir, y "_blank" indica que se abrirá en una página nueva.
 

*Controlar una película en curso: Si estamos reproduciendo una película Flash y queremos permitir que el usuario la detenga, la ponga en marcha, avance, retroceda...  

Para ello podemos emplear las acciones:

• stop(); para detener.
• play(); para reproducir.
• gotoAndPlay(numeroFotograma); para ir a un fotograma determinado.

Por ejemplo, podemos tener el botón btnPausar para parar la película y el botón btnContinuar para reproducir. Nos será más cómodo si usamos el panel Fragmentos de código para generar el evento Clic del botón (carpeta Controladores de eventos → evento MouseClick). En el código generado, reemplazamos el código personalizado por nuestras funciones:

 
Tal cual lo hemos puesto, afectaría a la película principal. Si lo que queremos parar o reproducir es un clip determinado, habría que escribirlo delante de la acción, separado por un punto. Por ejemplo miClip.stop();.

Práctica 14 - Incluir un clip en un botón

La inclusión de clips de película en los botones puede dotar a éstos de más vistosidad.

Es habitual colocar un clip en el fotograma Sobre para indicar algún tipo de información extra o una animación para ir más allá de un cambio de color.

También es común ver un clip de película actuando como un botón. Esto caso se puede hacer por ejemplo poniendo el clip en el fotograma Reposo.

Comprueba todos los estados del ratón. Por lo que nos dice el botón podemos intuir que empieza algo, pero quizá no tengamos claro qué. Ayudaría a la navegación que al ponernos sobre el cursor, el texto cambie para darnos información extra. Por ejemplo:

Lo único que hemos cambiado es que tenemos el texto como un movie clip, en cuando el cursor está encima, lo cambiamos por otro con la información.

O podemos usar los clips para animar elementos dle botón, como en el siguiente ejemplo:

Incluir un Clip en un botón es muy sencillo. Tomando este ejemplo, y partiendo de que tenemos los dos textos como clips en la biblioteca, sólo tendremos que:

- Hacer doble clic sobre el botón para entrar en su modo de edición.

- Seleccionamos el estado Sobre para modificarlo. Selecciona la instancia del texto.

Ahora tenemos dos opciones:

- Pulsa la tecla SUPRIMIR para eliminarlo.

- Desde la Biblioteca (menú Ventana → Biblioteca) arrastramos el clip con el nuevo texto, para crear una instancia.

O la opción más práctica:

- En las propiedades de la instancia, pulsamos Intercambiar... y elegimos el nuevo objeto de texto.

- Por último, centramos el nuevo texto en el botón, si es necesario.

Ya esta listo, ahora cuando pases el ratón sobre el botón el clip de película empezará a reproducirse.

Por supuesto, en vez de cambiar el texto podemos añadir otros clips, que simulen movimientos, reflejos, etc.

Práctica 13 - Crear un botón con relieve

Finalizada Y Enviada  al Correo Electronico!

Práctica 12 - ¿Qué es un botón?

¿Qué es un Botón?

Los símbolos de tipo Botón son los que aportan la mayor parte de la interactividad de las películas Flash con aquel que la está visualizando. Un botón, en Flash, es igual que cualquier botón de cualquier entorno informático, sea web o cualquier otro.

Son elementos que se prestan a que el usuario los presione, desencadenando al hacerlo una serie de acciones. También es habitual ver como este tipo de elementos reaccionan cuando se les pasa el ratón por encima o cuando se les está pulsando, por ejemplo.

Pues bien, para conseguir los efectos interactivos que acabamos de mencionar en otros lenguajes orientados a la web, que es el caso que nos ocupa, debemos crear programas relativamente grandes. Esto es un inconveniente bastante grande ya que el uso de los botones es una práctica muy habitual en el diseño en Internet. Sin embargo, en Flash no ocurre así. Su interfaz está diseñada de manera especial para la creación de botones, lo que nos permite crear todos estos efectos de una manera muy sencilla.

Al igual que los otros símbolos de Flash 8, los botones tienen su propia línea de tiempos. Esta es independiente pero, sin embargo, está formada únicamente por cuatro fotogramas, uno para cada estado posible del botón. 

Reposo. Aspecto por defecto del botón, es decir, cuando el puntero del ratón no está situado sobre él.

Sobre. Aspecto del botón cuando situamos el puntero sobre él. 

Presionado. Apariencia que deseamos tenga nuestro botón mientras lo mantengamos pulsado.

Zona activa. Aquí debemos indicar el área real en la que queremos que actúe nuestro botón. Esto es importante sobre todo en botones compuestos sólo por texto como veremos más adelante.

Parece que la limitación de fotogramas podría implicar una limitación en la capacidad de espectacularidad y utilidad de estos símbolos, pero no es así.

Los botones pueden contener a su vez otros símbolos, como clips o gráficos (también de tipo Bitmap). La unión de las posibilidades de todos los símbolos dota a los botones de gran espectacularidad.

Todo esto es lo referente a la apariencia del botón. Después, tenemos que programar lo que queremos que haga el botón, cómo queremos que afecte a la película. Y esto lo haremos con ActionScript.

 

Creación de un botón

En la creación de un botón podemos considerar dos fases. En la primera vamos a convertir nuestro objeto a símbolo de tipo botón y posteriormente veremos cómo completarlo internamente, lo que nos ayudará a entender mejor dicha estructura.

Comenzamos creando el objeto que representará el aspecto por defecto de nuestro botón con las herramientas que nos ofrece Flash CS5. Recuerda que puedes usar varias capas.

Seleccionaremos el objeto y accederemos al menú Insertar → Convertir en Símbolo, le daremos el Tipo Botón y asignaremos un nombre a nuestro nuevo símbolo.

De esta forma ya tenemos transformado el objeto para que se comporte como un botón. Ahora lo completaremos internamente.

Para determinar cómo debe reaccionar el botón en función de las acciones del ratón, lo editaremos haciendo clic con el botón derecho del ratón sobre nuestro nuevo botón y seleccionando la opción Editar.

Cuando tengamos delante la línea de tiempo del botón (observa que tiene el aspecto que hemos mostrado anteriormente), seleccionaremos cada uno de los frames (sobre, reposo, presionado y zona activa) y pulsaremos F6 para crear un fotograma clave en cada uno de ellos.

Ahora ya podemos modificar el aspecto inicial del botón para cada posición del cursor y marcar el área de acción del botón (fotograma Hit) en la que simplemente podremos dejar la misma figura que la inicial (en este caso sólo es importante la forma del objeto, no los colores u otras cosas) o bien dibujar con las herramientas de dibujos de Flash una nueva figura, en cuya superficie "se sentirá aludido" nuestro botón.

 Éste es un botón muy básico, pero como veremos se pueden complicar mucho. Para empezar nos servirá con éste. Observa como cambian los estados de reposo (rojo pálido), sobre (rojo) y pulsado (azul).

Si una vez creado el botón queremos observar sus distintos estados y todavía no hemos terminado la película entera y por tanto no deseamos tener que reproducirla toda podemos hacerlo a través del menú Control → Habilitar botones simples. Así podremos interactuar con el botón hasta que desactivemos esta opción.

Formas en los botones

Los botones son símbolos que pueden tener multitud de formas. Si bien lo más habitual es ver botones rectangulares, cuadrados y circulares, cuya creación es inmediata como vimos en el punto anterior, también hay otros muchos tipos de botones que, pese a ser menos utilizados, es muy habitual verlos en multitud de páginas web.

Entre estos están los creados mediante formas poligonales, aquellos que están formados por texto únicamente, dibujos con diferentes motivos, etc. Es interesante su uso para dar más vistosidad ya que algunos resultan más expresivos, y en esto Flash nos ayuda mucho, debido a la relativa sencillez de creación de botones que sus herramientas de dibujo nos ofrece.

Hay varias formas de botón también muy extendidas, como el botón con relieve sencillo o los botones en forma de píldora.