Ir al contenido principal

Entradas

Mostrando entradas de 2011

Animación con CSS3

NOTA: Si te interesa aprender de manera presencial los temas fundamentales AS3 y vives en la Ciudad de México, puedes inscribirte aquí al curso sabatino que daré los sabados.

Bueno ya todos sabemos que entre HTML5 y CSS3 han generado en combinación grandes herramientas para hacer tareas que antes solamente con Flash o Javascript eran posibles. Una de estas en hacer una pequeña animación como la que se muestra a continuación (Internet Explorer y Opera no funcionan con estas características).


Lo que tenemos arriba es solamente un objeto DIV al que con aplicarle ÚNICAMENTE estilos CSS3 hemos logrado este efecto. Vamos pues a crearlo.

1.- Crear el objeto:

Solo es necesario crear dentro del body de nuestro HTML una etiqueta DIV:


<body>

<div></div>

</body>

Nota: en este ejemplo usamos un DIV, pero podemos utilizar el elemento que queramos, inclusive podemos usar clases (?) o id (?) para asignarle estas propiedades.

2.- Aplicare estilo:

Crearemos una etiqueta STYLE y de…

Efecto "Colorear" en Flash

NOTA: Si te interesa aprender de manera presencial los temas fundamentales AS3 y vives en la Ciudad de México, puedes inscribirte aquí al curso sabatino que daré los sabados.

Hace un par de meses tuve que generar para un banner el efecto de una imagen en tonos de grises que al pasar el mouse encima se vaya "coloreando", este ejercicio me pareció divertido e interesante y por esta razón decidí colocarlo en este blog.

Puedes comenzar a iluminar la imagen de la tortuga en cuanto aparezca.

Para generar este sencillo efecto utilizaremos elementos de: máscaras dinámicas, Sprite, UILoader, además claro de MovieClips y Listeners.

Bueno, pues definamos y acotemos el problema:


Permitir que el usuario pueda "colorear" una imagen con el mouse.Se debe mostrar una imagen inicial y una final ( mo importa si son iguales o no ).Las imágenes deben de ser externas al flash para optimizar su tamaño.Cuando el usuario presione el mouse y luego lo mueva sobre la imagen inicial deberá ir …

Galería de videos AS3

NOTA: Si te interesa aprender de manera presencial los temas fundamentales AS3 y vives en la Ciudad de México, puedes inscribirte aquí al curso sabatino que daré los sabados.

A petición del público (mas bien al amigo Fernando Rojas): una galería de videos!


Bueno primero definamos y delimitemos el problema:

I. Hacer una galería de videos que sea "fácil" de actualizar

II. Que los botones de los videos, tengan una imagen a manera de thumbnail.

III. Pare este ejemplo usaremos 4 videos en formato FLV con sus 4 imagenes respectivas.

Perfecto, en este ejemplo usaremos el componente FLVPlayback de Flash, que es el reproductor de videos nativo de flash, si desean saber un poco más acerca de este componente lo pueden revisar en este link.

Primer Paso: Generar Los Botones.

Debemos crear un MovieClip que llamaremos video_btn, que será la base para los botones de los diferentes videos. en este MC, dibujaremos un cuadro con las esquinas redondeadas de 150x120 y agregamos un UILOADER (¿?…

Animación en Actionscript 3.0

NOTA: Si te interesa aprender de manera presencial los temas fundamentales AS3 y vives en la Ciudad de México, puedes inscribirte aquí al curso sabatino que daré los sabados.

Flash es un software que fue creado con el propósito de hacer animaciones (banners) para internet, sin saberlo ese fue el principio del desarrollo de esta herramienta que actualmente nos permite generar una interacción mucho mayor con el usuario.



En esta publicación se mostrará una forma básica de hacer animaciones utilizando el lenguaje de Flash: Actionscript, en su versión 3.0 (AS3). Debemos comprender que el AS3 es un lenguaje orientado a objetos (Object Oriented Programming...OOP ó POO en español), por lo que los elementos tienen características de objetos "reales"; es decir propiedades como su posición en X, Y, rotación, transparencia, tamaño, etc.


Bueno pues comencemos:

1.- Necesitamos un Objeto!!!!

Debemos crear un objeto que sea posible de animar, en este caso crearemos un MovieClip que llamare…

Bienvenidos al Blog de La Casa de León

Bienvenidos!!!

Hola a todos los amantes de Flash, Actionscript, Flex, Dreamweaver, AJAX, PHP, y tantas y tantas tecnologías web que existen hoy en día.

Este blog estará dedicado a aquellos interesados en aprender dichas tecnologías sin importar su nivel de experiencia, ya que encontrarán material para diferentes niveles (desde un conocimiento nulo hasta expertos).

Espero encuentren el material agradable e interesante, de igual forma sus comentarios y aportaciones serán de gran utilidad.

Gracias y Bienvenidos al Blog de La Casa de León!!!!