Dificultad
Keywords MovieClipLoader(), MovieClipLoader.loadClip()

Sencilla galería de imágenes que se muestran una a una en un mismo marco haciendo clic sobre la imagen que se está visualizando. Las URL’s de las imágenes están escritas en un documento XML. Para la carga de archivos se utiliza la clase MovieClipLoader .

Descargar archivos

Breve explicación del código

Se declaran las variables que se van a utilizar durante el proceso.

El array imagenesA almacenará la URL de cada imágen previamente cargada desde XML

Index servirá para conocer en todo momento el número de imagen que se está visualizando, lo cual permitirá empezar a a visualizar las imágenes desde el principio una vez se detecte el final de los elementos de imagenes A.

Para esta …

Enviado por Tostadense
Descargar archivos »

Basado en: http://www.paregos.com
Por supuesto, no pretendo que el código que he escrito sea exacto al original, pero seguramente se acerca mucho. He intentado que la reproducción sea lo má fiel posible en cuanto a funcionamiento, en cuanto a tipografia, tamaño, etc. es sencillo personalizarlo.

Excepto los cursores en forma de mano (que se enlazan en la biblioteca), la aplicación se crea con actionScript, lo he hecho así pensando en una futura clase o componente (el código sería similar).

Es exportable tanto para Flash MX2004 como para Flash 8, la única diferencia es que para textField he utilizado la propiedad align=’justify’ que no está disponible para MX2004.

Para algunas animaciones, he utilizado la clase mc_tween2 disponible en MC Tween

Ver …

Muy buena colección de efectos y experimentos realizados por Jim Bumgardner con código fuente disponible para bajar.

Portal galo dedicado a la programación, donde puedes encontrar más de 27.000 códigos fuente, clasificados en distintas categorías, entre las que cabe destacar:

Flash, VB, VB.NET, C#, C++, ASP, ASP.NET, SQL, PHP, Java, ColdFusion, Javascript, DHTML, Python etc..

Uso
Editar el clip de película scroll_mc en la capa acciones, escribir la url del archivo de texto a cargar (variable target) y cambiar el tamaño de la caja de texto, el resto, lo hace actionscript por nosotros.

Al seleccionar la caja de texto, estirar del selector situado en la parte inferior derecha para cambiar el tamaño, al publicar la película, los bordes y botones se ajustaran a la nueva medida.

Si no es necesario, los botones de scroll, no se activan. El scroll, funciona presionando los botones arriba y abajo, una pequeña barra en el eje de los botones indica la posición del scroll.

Descargar aqui

Visitando la web de Guy Watson FlashGuru tuve la idea de emular los menús que usa para listar sus enlaces.
Casi lo he conseguido…

Descargar archivos aqui

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro.

En estas fechas, las felicitaciones navideñas se han convertido en un sí mbolo de la navidad con el que queremos desear todo lo mejor para estos dí as tan entrañables y el año nuevo.

Estoy realizando una recopilación de las que en mi opinión merecen una mención especial, bien sea por diseño, originalidad o mensaje.

Veamos esta Alquimia Emotiva

Nuestro compañero del foro TheOm3ga nos obsequia con esta máscara de cí rculos.

Ver
http://www.activicio.com/theom3ga/mascaraCirculos

Descargar archivos
http://www.activicio.com/theom3ga/mascaraCirculos/index.fla

Dificultad

keywords
Stage.onResize, Stage.scaleMode, Stage.scale, Stage.addListener() , moveTo, lineTo, curveTo
He creado esta pequeña aplicación por la sencilla razón de que a pesar de usar frecuentemente actionScript y la API de dibujo de flash, no alcanzaba a comprender bien el funcionamiento del método curveTo(), no sé si a alguien le será útil, pero en todo caso, creo que el código puede ser interesante, ya que además he jugado un poco con el objeto Stage() para manejar la posición de los elementos de control de la aplicación y el background de la misma.

Descargas
Ver aplicación
Descargar archivos aquí

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro.

Dificultad

Para salir de un apuro , un mini-site en poco mas de 1 KB.

Descargar

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro

Ver ejemplo »

Descargar archivo fuente »

Basado en el efecto visto en www2.foxsearchlight.com
Al hacer clic y arrastrar el cursor, se produce el efecto de estar pasando el dedo sobre una ventana con baho en los cristales.

Autor:Keyman

fuente »

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro.

Muy buena colección de manuales en formato pdf que Weblogicnet pone gratuitamente a nuestra disposición y que podéis descargar en los siguientes enlaces:

Cuadernos de diseño

Fundamentos del diseño

Teorí a del color

Composición

Tipografí a

Basándome en el efecto utilizado en www.motion-wave.com para indicar la sección del site activo, una versión del slidepanel pero en este caso con un movimiento vertical.

Descargar .fla »

Dificultad:

Diego Mendiguren ‘Mendi’ www.mendistudio.com amigo y compañero de fatigas foreras desde hace muchos años, desvela para todos los amigos de After-Hours como conseguir uno de los efectos más buscados últimamente en la red.

Disfrutadlo!

Últimamente hay cierta tendencia a usar un efectillo para hacer interpolaciones entre imágenes. El efecto en cuestión es el que aparece a lo largo de la exitosa web de Vodafone �Future Vision�, y a través del cual se producen vertiginosos travellings entre las distintas tomas.

A partir estas dos imágenes, trataré de explicar la filosofí a del efecto, que se basa básicamente en el buen uso de las herramientas de desenfoque de Photoshop.

tratar de hacer una transición suave de una imagen a otra con el …

Dificultad:

Un sencillo método para hacer un preloader, en este caso, la precarga se hace desde la pelí cula secundaria.

Versión MX 2004
precargaMascara.zip (116 Kb)
Versión MX
precargaMascaraMX.zip (116 Kb)

Nota
Cualquier consulta sobre este tutorial o .fla debe realizarse en el foro.

Descargar .fla »

Imagen:
haz click sobre la imagen para abrir uniscroll_Text.swf en un ventana nueva

Tostadense forma parte del After-Hours Team, aportando (cuando su escaso tiempo libre se lo permite, magnificos códigos y ejemplos de actionScrip).

Tostadense Web site

Su última aportación:uniScroll_text Prototype

Original e ingenioso sistema para crear scrolls de texto con diferentes formatos de navegación, visualiza y mueve el texto sin restricciones de arriba hacia a abajo, de derecha a izquierda, con un juego de tres Skins deferentes. Cool!

Felicitaciones, sugerencias:
tostadense@hotmail.com

Descarga de archivos:
http://www.after-hours.org/blog/flas/uniScroll_text/archivos.zip

En principio, este fla iba a ser un tutorial sobre el uso de texto dinámico con máscaras, finalmente buscando una excusa para argumentar el funcionamiento, construí un scroll de texto que funciona con las teclas arriba-abajo.

Aprovechando el modo de navegar el scroll, repasaremos la clase Key y el método addListener.

Lo interesante del método utilizado, es que se sirve de texto dinámico sin usar contornos de fuentes, lo cual se traduce en:

Texto limpioArchivo compilado con un peso muy liviano (en este caso unos 700 bytes)

descargar ejemplo

Bonus xtra

Como vereis en el fla, utilizo la clase Key y su método getCode Key.getCode()e sirve para determinar la tecla pulsada por el usuario, el código actionScript siguiente es muy útil para conocer el …

Desde hace unas semanas corren rumores sobre una nueva versión para Flash:Ellipsis, finalmente en el blog del Flash Team se publica de información al respecto.

Según explica Mike Chambers, Ellipsis, es una atualización gratuita para flash MX 2004, disponible después del verano.

Leer noticia original:
http://www.markme.com/flashteam/archives/005467.cfm

Autor tostadense
Descargar código fuente aquí

Comprueba si tu XML está bien formado.

Descargar fla

Enviado por Tostadense

Sin duda, todos los que nos hayamos inmersos en el estudio y la aplicación de flash en nuestros proyectos, dedicamos una buena parte de nuestro tiempo a la ‘investigación’ ya sea leyendo libros, haciendo pruebas, etc. con el fin de perfeccionar en lo posible nuestros trabajos; temas como optimización de recursos, tipografí as, imagen…

Es en este último punto donde me voy a centrar en este artí culo, ya que de siempre ha sido tema de estudio y debate conseguir que nuestras pelí culas flash tengan la mejor calidad de imagen sin que esto incida negativamente en el peso final del proyecto, por lógica cuanto mayor es la calidad de la imagen, mayor es el peso del .SWF.

Hoy, he descubierto …

Este sencillo fla, lo hice para un amigo, se trata de un clip de pelí cula que insertado en un fla con una serie de imágenes en la lí nea de tiempo, permite controlar el avance, retroceso, reproducción continua, parada e incluso establecer el tiempo que transcurre entre diapositiva en modo play() (*1). El clip se puede arrastar para no obstaculizar el visionado de imagen.

El funcionamiento es sencillo:

1. Abrir una pelí cula nueva.
2. En el primer fotograma de la pelí cula insertar una acción Stop()
2. Importar una serie de imágenes (*2)
3. Insertar una capa nueva (situarla sobre la capa 1) e importar diapos.fla.
4. Guardar la pelí cula.

El proyector está listo para funcionar sin ninguna programación.

…

Francisco www.motion4graphics.com nos enví a un interesante documento que combina la apariencia del scroll de un browser con la versatilidad del método Stage.onResize(), en esta ocasión con el uso de dos componentes, scrollPlane y Align Component Set.

Sobre el componente
Align Component Set

Ver el ejemplo en acción.
Arrastra las ventanas hacia los lí mites del navegador
ejemplo

Descargar archivos
http://www.after-hours.org/blog/flas/resize.zip

Estos últimos dí as como se ha hablado mucho acerca del objeto Stage() y sus métodos para crear páginas que se ajusten a la medida del navegador respetando el tamaño de los objetos a voluntad del programador y resituandolos en el espacio de manera que la pelí cula mantenga coherencia y proporción.

http://www.after-hours.org/blog/archives/000285.html
http://www.after-hours.org/blog/archives/000286.html
http://www.after-hours.org/blog/archives/000287.html

En www.flashcomponents.net podeis encontrar el componente Align component Set.

Lo he testeado y aunque no soy muy partidario del uso de componentes, lo he encontrado práctico y de fácil implementación. El componente consta de un set de cuatro comportamientos diferentes, según el tipo de alineación que se busque. Habiendo arrastrado cuatro instancias del mismo al escenario, el peso del .fla no superó los 3 Kb.

Enlace recomendado por Rafa3l

Si os apetece otra forma de presentar vuestras imágenes con Zoom lejos de los patrones habituales, esta os gustará. Su Autor, pretende crear un ambiente aleatorio y desordenado en la escena, además, el visitante podrá manejar las fotografí as a su antojo, volviéndolas a colocar en el lugar que desee.

Descargar el fla aquí

Autor
Charles-David Cuvier

Esta pequeña aplicación, busca palabras o letras, en este fla, el texto proviene de una variable, no obstante con unas sencillas modificaciones, el texto puede provenir de una fuente externa como un archivo de texto, XML o base de datos.

Enviado por tostadense
Descargar fla aquí
http://www.after-hours.org/blog/flas/buscador.zip

Nuestro foro no deja de ser una valiosa fuente de información, hoy Rubencho, dejó este ingenioso script, que permite explorar un directorio desde flash.

Este es un super trucaso para poder hacer un botón que explore la carpeta en la que nos encontramos, muy útil si hacemos un CD, podrí amos poner un botón que diga explorar el cd.

La programación es muy sencilla, en el frame 1 pondrí amos

// – variable que guardarí a “W” si nuestro Sistema operativo es guindous o “M” si es McOS
this.sistemaOperativo = $version.substr(0, 1);

En el mismo frame debo hacer una función para que se me ejecute el explorador, dependiendo del tipo de sistema operativo que se tenga

function abrirCarpetaActual()
{
…

Como hoy no dispongo de mucho tiempo, publico un fla que consiste en un práctico reloj, el código es muy sencillo, para cualquier duda, podeis comentar aquí , o en nuestro flamante foro.

Descargar archivo fuente descargar fuente »

http://www.after-hours.org/blog/flas/reloj.zip

Esta es una versión mejorada de un fla que hice hace un año aproximadamente para flashxl, y que estoy preparando como componente, de momento y como aperitivo, podeis descargar el fla, el código es muy sencillo, cualquier duda, ya sabeis After-Hours-Foro .

descargar archivo »

Nota
El scroll, admite texto dinámico.

Los toolTipText forman ya parte de la mayorí a de sitios construidos en flash, una caracterí stica que dota a la navegación de mayor usabilidad, normalmente son utilizados para ampliar la información que ofrece un menú o un cojunto de botones.

El toolTip que presento, se diferencia de la gran mayorí a por un detalle : he creado un sistema que permite al toolTip no salirse de la zona visible de la pelí cula.

Para ponerlo a prueba he creado una pelí cula de 200x200 px cubierta completamente por instancias de un botón, en total 16 botones de 50x50 dispuestos en cuatro filas y cuatro columnas.

Descarga el arhivo fuente aquí

Volvemos con flashcom, muchas gracias por vuestros emails
Este tutorial es un poco más avanzado que los dos anteriores, agarraos fuerte.

Empezamos con la parte del cliente ( swf ) crearemos una entrada para introducir el nick, un campo de introducción de texto con variable nick, un stop en frame 1 y un botón que onRelease salte y se detenga en frame 2.

Bien ahora trabajaremos solamente en frame 2, crearemos un campo de texto dinámico, multilí nea y que acepte html, luego crearemos la conexión como ya sabemos:
nc = new NetConnection();
nc.connect("rtmp:/lista");
…

Visita www.exopolis.com

Descargar fla aquí

Un clásico, el siempre útil formulario de contacto.

Instalación
Subir todos los archivos al mismo directorio.

p://www.after-hours.org/blog/tutoriales/flash_php/formulario01/form_flash.swf” />

Descargar archivos

Modificación:

¿No te ha funcionado?

En algunos servidores, tendrás que definir las variables enviadas por el formulario de la siguiente forma:

$nom = $HTTP_POST_VARS["nom"];
$mailfrom = $HTTP_POST_VARS["mailfrom"];
$telefono= $HTTP_POST_VARS["telefono"];
$body = $HTTP_POST_VARS["body"];

Parece ser que Jesse Warden www.jessewarden.com participó en la creación del libro ‘Flashcom:The Bible’ o como el lo describe ahora ‘el libro que nunca existió’, por lo visto dicho ejemplar no ha llegado a editarse, Jesse Warden autor de cuatro capí tulos, ha tenido la gran idea de ponerlos al alcance de los desarrolladores de Flashcom desde su blog.

En el artí culo ‘Flashcom Bible: My Chapters Donated to the Community’ Jesse dice:

Tengo la esperanza de que esto le ayudará en sus proyectos Flashcom. Aquí están los cuatro capí tulos que escribí para el libro de vaporware.
- Chapter 13: Using Flashcom Server Components
- Chapter 16: Creating Flash Communication Server Components
- Chapter 17: Monitoring the Performance …

Tienes una web en flash y te gustaría incluir un buscador? Un .fla sencillo pero práctico.

Descargar ejemplo »

Con este sencillo ejemplo aprenderás la técnica de arrastrar y pegar un objeto. Tambien aprenderás como usar el botón clip de pelí cula. Este truco puede ser útil por ejemplo para construir un juego tipo rompecabezas.

Descargar fla (con comentarios) aquí

Descargar fla

No es difí cil entender porque el nuevo trabajo de Xavier Gironés se llama Flashblack

FlashBlack es un portfolio de una serie de retratos de famosos intérpretes negros; toda la colección consta de 16 nombres entre los que se encuentran Stewe Wonder, Seal, B.B. King, Ashanty, Boys II Men…

Es increible como, con una herramienta que muchos tildan de no apta para el dibujo, Xavi consigue captar la esencia del personaje con una perfección y realismo indiscutible.

En el momento de escribir este post la lista cuenta ya con 3 ilustraciones terminadas:
Usher
Ashanti
R. Kelly

Xavi, ya espero el próximo de la lista

Visitar FlashBlack

Descargar archivo »