nuevo menú y nuevas acciones !!!
12* Interacción
Bueno este es un interactivo que estoy haciendo en flash con Action Script 3.0.
Después de muchos problemas ya no tiene ningún error y está listo para que cada acción tenga un contenido especifico, porque el zorro va a hacer distintas cosas dependiendo del botón que uno pique.
Por el momento lo unico que hice fue asignar tres momentos diferentes en la linea del tiempo que representan las tres posiciones de un botón ( es decir 'up' 'over' y 'click'). Estas tres posiciones las tiene normalmente la linea de tiempo de un símbolo gráfico que es botón, pero hoy descubrí que en la posición de 'up' (que es en la que el botón se encuentra en estado de reposo) no se puede insertar un 'movie clip' (osea un símbolo gráfico de película) de manera que el zorro no iba a poder estar en movimiento antes de picarlo. Entoooonces en lugar de utilizar un símbolo gráfico de botón utilicé uno de 'movie clip' y le asigné etiquetas a las tres etapas para poder llamarlas por medio de acciones en action script:
En la primera etiqueta (up) hay un movieclip (que se llama fox button) que tiene el movimiento del zorro (la vibración) y una acción que indica que cuando se ponga el mouse sobre el movieclip se salte a la segunda etiqueta (over)
En la segunda etiqueta (over) hay un botón (que se llama clickbutton) que esta hecho como símbolo gráfico de botón y cuya área de reacción incluye a la figura del zorro (que es a su vez un movieclip que se llama fox button2) que auya y tiene audio. La acción de este 'frame' dice que al picar el botón se debe saltar a la tercera etiqueta (click)
En la tercera etiqueta (click) está el mismo movieclip de la primera etiqueta (fox button), hay un menú de botones que todavía no tienen ninguna acción asignada y un botón de 'back' que lleva a la primera etiqueta (up)
bueno .... eso es todo... estoy muy contenta de que ya no haya errores y de que haga lo que yo quiero sin conformismos.... -_-
Después de muchos problemas ya no tiene ningún error y está listo para que cada acción tenga un contenido especifico, porque el zorro va a hacer distintas cosas dependiendo del botón que uno pique.
Por el momento lo unico que hice fue asignar tres momentos diferentes en la linea del tiempo que representan las tres posiciones de un botón ( es decir 'up' 'over' y 'click'). Estas tres posiciones las tiene normalmente la linea de tiempo de un símbolo gráfico que es botón, pero hoy descubrí que en la posición de 'up' (que es en la que el botón se encuentra en estado de reposo) no se puede insertar un 'movie clip' (osea un símbolo gráfico de película) de manera que el zorro no iba a poder estar en movimiento antes de picarlo. Entoooonces en lugar de utilizar un símbolo gráfico de botón utilicé uno de 'movie clip' y le asigné etiquetas a las tres etapas para poder llamarlas por medio de acciones en action script:
En la primera etiqueta (up) hay un movieclip (que se llama fox button) que tiene el movimiento del zorro (la vibración) y una acción que indica que cuando se ponga el mouse sobre el movieclip se salte a la segunda etiqueta (over)
En la segunda etiqueta (over) hay un botón (que se llama clickbutton) que esta hecho como símbolo gráfico de botón y cuya área de reacción incluye a la figura del zorro (que es a su vez un movieclip que se llama fox button2) que auya y tiene audio. La acción de este 'frame' dice que al picar el botón se debe saltar a la tercera etiqueta (click)
En la tercera etiqueta (click) está el mismo movieclip de la primera etiqueta (fox button), hay un menú de botones que todavía no tienen ninguna acción asignada y un botón de 'back' que lleva a la primera etiqueta (up)
bueno .... eso es todo... estoy muy contenta de que ya no haya errores y de que haga lo que yo quiero sin conformismos.... -_-
11* WEB
Buenoooooo hoy logré hacer botones y ponerles links. la página va creciendo aunque aun no tenga muchas cosas... :D
10* Flash
Hoy hice un index para mi página de internet usando Flash CS4 de la suite de Adobe. Un 'index' es la primera página a la que se entra dentro de un dominio y es la primera página que se ve al navegar en internet.
AQUI esta la pagina.
Lo primero que hice fue hacer una animación muy breve en flash, esto quiere decir que duraba solo 15 segundos y tenía solo tres fotogramas clave. así es como se ve la animación en el flash:
a continuación hice un botón a partir del gráfico de texto que dice: melonopoppolus. para hacer un botón se necesita seleccionar el gráfico y luego ir a 'modify' -> 'convert to symbol' -> 'button' esto permite que al seleccionar el gráfico darle doble click) pasemos a otro tipo de linea de tiempo que se ve asi:
y que permite elegir lo que va a suceder con el botón cuando el mouse pase sobre el, cuando lo pique y seleccionar el area en la que esto suceda.
Lo que yo hice fue agregar la cara al momento de poner el mouse sobre esta area y cambiar la cara para que cierre los ojos al momento de picarle.
cuando ya estaba lista la 'película' en flash, la exporté con 'publish' a una carpeta hecha especialmente para todos los elementos de la página. esto automáticamente creó un archivo .html, uno .swf y uno .fla.
lo siguiente que hice fue importar este .html a dreamweaver de manera que la presentación de código se ve así:
Aquí agregué además una linea en el 'header' que hace que aparezca un icono de imagen junto a la dirección en el 'browser' y aproveché para eliminar cosas del metadata para que no sea tan fácil ver que mi DW es pirata :D
no estoy segura todavía cómo hacer links....para que al picarle entre a la pagina de verdad... pero mañana lo voy a investigar.
ah! estos dos tutoriales me ayudaron mucho:
ESTEpara hacer botones animados
ESTE para exportar el flash
*Favoritos: Mimosa
Mimosa es una instalación realizada por Jason Bruges y su estudio de diseñadores, arquitectos y especialistas en interacción.
'We create interactive spaces and surfaces that sit between the worlds of architecture, interaction design and site-specific installation art. Our projects range from large-scale building facades and public art to interactive interior environments and products.'
'Creamos espacios interactivos que combinan los mundos de la arquitectura, el diseño interactivo y la instalación. Nuestros proyectos van desde construcciones muy grandes en edificios públicos a productos interactivos para interiores
AQUI hay un video!
9* Processing
Processing es un software libre que sirve para programar en Java, que es un tipo de lenguaje de programación que permite guardar 'objetos' como paquetes de información que se pueden ir acumulando para formar un código complejo.
Es muy divertido porque puedes ir aprendiendo el lenguaje para darle al programa instrucciones de lo que quieres que suceda. En la página se pueden ver varios ejemplos de interactivos y multimedia realizada por medio de processing avanzado. AQUI pueden ver estos ejemplos.
Estuve viendo los ejercicios que ibamos a hacer en la clase en ESTA página y a partir del codigo de algunos hice uno muy básico para practicar y para ir aprendiendo a hacer las cosas mas simples.
Asi es como se ve el código en el programa:
Es muy divertido porque puedes ir aprendiendo el lenguaje para darle al programa instrucciones de lo que quieres que suceda. En la página se pueden ver varios ejemplos de interactivos y multimedia realizada por medio de processing avanzado. AQUI pueden ver estos ejemplos.
Estuve viendo los ejercicios que ibamos a hacer en la clase en ESTA página y a partir del codigo de algunos hice uno muy básico para practicar y para ir aprendiendo a hacer las cosas mas simples.
Asi es como se ve el código en el programa:
Subscribe to:
Posts (Atom)