Nuestro amigo Xus pregunta en el tagBoard como hacer el efecto de menú que hay en http://www.stylodesign.co.uk/flash.html pues bien, en After-Hours nos gustan las sugerencias, servicio a la carta

Ingredientes:

mcBoton
clip de pelí cula con un campo de texto dinámico, al que pondremos como nombre de instancia texto

mcRectangulo
clip de pelí cula que en el ejemplo ha sustituido a la flechita por un rectángulo.

Vincular clips de pelí cula
Una vez tengamos estos dos clips de pelí cula, los borramos del escenario y los vinculamos:

1.Ir a la biblioteca, seleccionar el clip de pelí cula mcBoton,
2.Hacer clic con el botón derecho del mouse
3.Seleccionar ‘vinculación’ del menú contextual
4.Marcar la casilla ‘Importar para actionScript’
5.En la casilla ‘identificador’ introducir boton

Repetir los pasos 1 al 5 con el …

Cuando pensé en crear este blog, lo hice llevado por varios motivos (quizá ya he hablado de esto antes) uno de ellos, un hecho innegable: cada dí a nacen nuevos flashers (si me permití s la expresión).

Por este motivo, he decidido hacer un repaso a algunos temas que muchos de nosotros (tan atareados en ponernos al dí a y perfeccionar nuestra técnica) damos por aprendidos.

Para empezar haremos un repaso a los Flash UI components. Hoy el componente ScrollBar.

Ingredientes
1 archivo.txt
1 archivo.swf
1 campo de texto dinámico
1 componente scrollBar

descargar archivos de ejemplo aquí

Pasos a seguir

1. Con la herramienta texto, crea u campo de texto dinámico, multilinea y que permita HTML (opcionalmente puedes seleccionar si el campo es seleccionable y …

Estos últimos dí as la mayorí a de blogs se han hecho eco del lanzamiento de la versión de la trial para Macromedia Flex que como sabréis se entrega en un CD cuyo precio es de 8 $.

Tras visitar Flex Samples Explorer he encargado mi copia y espero impaciente instalarla en mi máquina para empezar a experimentar lo que esta prometedora herramienta tiene que ofrecernos.

No entro en la polémica sobre el precio, ni tan siquiera sé si en un futuro podré adquirir una licencia de este software, lo único que ambiciono actualmente en este terreno, es poder experimentar y compartir lo que vaya aprendiendo desde estas lí neas.

Enlaces relacionados

Flex Developer Center

Carlos Rovira Blog

En el primer post de la sección Cómo se hizo vimos en detalle una manera de hacer el scroll de exopolis.com.

Para no perder esta costumbre, hoy veremos un scroll que nos ha llamado tanto a Toni como a mi, muy gratamente la atención. Me refiero al scroll que aparece en la web www.motion4graphics.com. Una web, todo se ha de decir, muy bien trabajada y con muchos detalles interesantes (el background que se genera aleatoriamente, las fotos de la seccion “nosotros",…)

Centrandonos en el scroll, vemos que éste nos muestra con una barra, el porcentaje scrolleado.

Cuando no llevamos nada scrolleado:    Cuando llevamos una parte:

Y aqui nuestra contribucion a la causa:

…

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í

Una de las caracterí sticas que más me llamó la atención cuando apareció Flash MX fue el nuevo estilo para escribir scripts, lo que yo denomino scritps remotos. Me explico, antes de MX, era necesario escribir los scripts asociados a un objeto en las acciones del propio objeto, por ejemplo, para escribir las acciones de un botón, lo seleccionábamos, abrí amos el panel acciones y escribí amos algo así :

on (release) {
// acciones
}

Flash MX nos brinda la posibilidad de escribir los scripts en la lí nea de tiempo principal, lo cual considero una gran ventaja, los scripts son mucho más estructurados al estar todos en la misma lí nea de tiempo. Con las versiones anteriores, si querí as ver que …

El componente ExpandingPod para Macromedia Central proporciona una caja que presenta una vista limitada de la información y permite al usuario abrir rápidamente una visión ampliada haciendo clic en un icono lupa.

ExpandingPod en su vista ampliada

Puedes instalar la aplicación que vamos a crear a partir de este tutorial, haz clic aquí

…

DSG 1.0.0 es un componente diseñado para proteger tu trabajo una vez los archivos SWF se han entregado a un cliente. El componente permite al desarrollador crear varios niveles de acceso y lí mites de tiempo dependiendo de que clave de licencia se ha entregado al cliente.

Un ejemplo tí pico: Inicialmente se hace entrega al cliente de los archivos SWF con una clave que expira a los 45 dí as. Una vez que has recibido el pago del cliente se le entrega al mismo una clave de acceso completa que no expire. Sin embargo, si no recibes ningún pago a fecha de vencimiento, el original de la demo entregada mostrará un mensaje de error, funcionando de manera restringida …

Los juegos basados en cuadrí culas (tiles based games) fueron utilizados hace ya tiempo en la creación de juegos.

Eran los tiempos en que la velocidad de los ordenadores personales no se media en GHz ni la memoria en cientos de MB. La reducida velocidad y la cantidad limitada de memoria significaron que los fabricantes de juegos tuvieran que exprimir sus cerebros para crear mejores y mas rápidos juegos.

TonyPa dedica su site a la creación de este tipo de juegos, tutoriales, código fuente y ejemplos.

Aprende paso a paso el actionScript y los trucos necesarios. Desde la construcción de un mapa, hasta el movimiento de un personaje (saltos, giros, caminar).

www.tonypa.pri.ee/tbw/index.html

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");
…

En este post, veremos como de sencillo es depurar los scripts incluidos en archivos externos (.as) desde el editor de actionScript de flash.

Con el editor actionScript de flash (panel acciones) pulsar la combinación de teclas CTRL + T, si existe algún error en el archivo .as, recibiremos un mensaje de alerta y el error en la ventana de salida de flash, tal como ocurre cuando se detectan errores en los scripts internos (incluidos en el .fla).

Para hacer la prueba, utiliza un archivo.as correcto y provoca una sentencia errónea, abre el .fla que ejecuta el archivo.as y comprueba el resultado.

Para que flash detecte el cambio en el archivo .as debes guardarlo primero.

Ventana de salida de flash informando de …

La directiva #include importa textos de script desde un archivo externo (extensión .as).

Lo archivos include son útiles para reutilizar código en distintas pelí culas de un mismo proyecto, de la misma forma, son de gran ayuda cuando se realiza un proyecto en el que participan varias personas, por ejemplo un diseñador y un programador.

Veamos con un sencillo ejemplo como conjugar un archivo externo de scripts (include) y un archivo fla. En el archivo include, escribimos las funciones que serán llamadas desde la pelí cula.

// – archivo include

showToolTip = function (texto) {
this.createTextField("toolTipText", 1000, _xmouse, _ymouse, 200, 16);
toolTipText.text=texto
…

Hola amigos, ya hace dos o tres dí as que no posteo y a mi se me hace muy extraño (incluso parece mas tiempo).

No pasa nada, simplemente, me he visto un poco desbordado de trabajo, y ya se sabe ‘primero la obligación y después la devoción’ je,je, afortunadamente, hoy estoy a punto de ponerme al dí a con mis obligaciones y espero retomar el ritmo habitual.

Como sé que tengo amigos que me visitan cada dí a, lo menos que puedo hacer es dirigir esta breve nota.

Gracias a todos y hasta dentro de un rato.

Macromedia Central

El componente MDataGrid proporciona una forma flexible de visualizar datos. El usuario puede ver o introducir datos, seleccionar items y ordenar por columnas.

En este primer tutorial sobre el componente, aprenderemos a rellenar el dataGrid con el metodo setDataProvider.

Descargar archivos aquí

…

Otro desarrollador de reconocido prestigio se une a la ‘causa’.

loardAlex ha manifestado su interés por contribuir en la proliferación de información relativa a Central, el primer paso ha sido registrarse en el foro para central en español y ha escrito un post en su blog The force is strong among Spanish Flash Developers animando a otros desarrolladores a compartir conocimientos.

haiku.alienmelon.com

Haiku
Poema breve de aproximadamente 17 sí labas, que suelen estar organizadas en 3 versos (5-7-5). El haiku no tiene tí tulo ni rima en japonés, su simplicidad es tal que podemos prescindir de signos de puntuación y mayúsculas; de alguna forma, se parece a lo que decimos hablando. En concordancia, en el haiku abundan los sustantivos, es una forma poética predominantemente nominal, de expresión sencilla y concisa.

Extending Macromedia Flash MX 2004 cubre el espectro completo de la nueva arquitectura de extensibilidad en MX 2004. Incluye tutoriales que profundizan en cada nueva área de comandos, herramientas, efectos para la lí nea de tiempo, comportamientos, uso de MMExecute command, ejecución de flash desde la lí nea de comandos y completa cobertura de XML a UI (User Interface) que permite crear facilmente los interfaces personalizados para extensiones flash.

La sección final del libro contiene una referencia de JavaScript Flash (JFSL) el nuevo lenguaje para la creación de extensiones para flash.

Autores
Keith Peters,
Todd Yard

Tabla de contenidos:Capí tulo 1: Introduction to Flash Extensibility
Capí tulo 2: Custom Commands
Capí tulo 3: Custom Tools (Disponible para descargar PDF 50 páginas)
Capí tulo 4: …

Un nuevo dí a una nueva imagen. ¿Te gustarí a mostrar una imagen diferente cada vez que visitan tu web?, este sencillo script te muestra como conseguirlo

// – en un array los nombres de las imágenes
miArray = new Array();
miArray[0] = “imagenes/imagen1.jpg";
miArray[1] = “imagenes/imagen2.jpg";
miArray[2] = “imagenes/imagen3.jpg";
miArray[3] = “imagenes/imagen4.jpg";
miArray[4] = “imagenes/imagen5.jpg";
miArray[5] = “imagenes/imagen6.jpg";
miArray[6] = “imagenes/imagen7.jpg";
miArray[7] = “imagenes/imagen8.jpg";
// – un clip de pelí cula vací o para cargar la imagen
this.createEmptyMovieClip("contenedor", 1);
// – situo el clip contenedor en el escenrio
contenedor._x = 3;
contenedor._y = 3;
// – selección aleatoria de la imagen
img = miArray[random(miArray.length)];
// – carga de la imagen
contenedor.loadMovie(img);

Nota
Puedes utilizar el mismo script para cargar SWF’s

Descargar ejemplo aquí

Hace unos dí as, propuse en un post de After-hours, el registrarse en los foros de CentralMX que desde hace tiempo incluye un foro para Central en Español.

La respuesta no fué ni mucho menos masiva, yo confio en que tarde o temprano el interés aumente. Uno de los motivos más por los que parece que se recela tanto de Macromedia Central, es la falta de información, ¿Que es macromedia central?, ¿Para que sirve?, ¿Como empezar?, son algunas de las dudas más frecuentes.

Afortunadamente, el foro Central en español cuenta desde ahora con la inestimable presencia de Oscar Trelles como moderador.

En sus primeras intervenciones en el foro nos da una visión de Central en sus artí culos:

Que es Central (P1): …

Stéfano Funaro gotoAndPlay, ha actualizado su formulario para comentarios de sistemas de edición MovableType MTgotoAndComment v.0.5, cuya principal caracterí stica consiste en estar construida con Flash MX.

Según explica Stéfano, ha detectado que la mayorí a de robots buscan la etiqueta ‘Form’ de las páginas HTML y sus acciones para colar sus comentarios, la eficacia de flash ante este problema es evidente, otra de las modificaciones consiste en cambiar el cgi standar de MT mt-comments.cgi por un XML.

Utilidad de Backup para guardar y restaurar todos los ajustes y datos importantes de Dreamweaver, Contribute y Flash de Macromedia

Con MM-exporter, puedes restaurar fácilmente tu puesto de trabajo tras una caida o cambio de sistema.

MM-Exporter 2.0 2,0 reconoce versiones instaladas de Dreamweaver 3, 4, de UltraDev 4, Flash MX y MX 2004 bajo Windows y guarda selectivamente:

todos los ajustes del programa
todas las definiciones de sitio por separado
la carpeta de configuración
Backup definido por el usuario>
la carpeta Números de serie de casi todos los programas de MM en un archivo del texto
y/o alternativamente todos los datos de configuración y ajustes enteros del registro de Windows

FreeWare
http://mm-exporter.joexx.de/index_en.php

Visita www.exopolis.com

Descargar fla aquí

Quiero desde estas lí neas expresar públicamente el rechazo que siento por los asesinatos cometidos hoy en Madrid y mostrar mi solidaridad con las ví ctimas, familiares y amigos de tan brutal atentado.

Sin duda el dí a de hoy será recordado por todos como uno de los más nefastos de la historia de nuestro pais.

Uno de los distintivos de las aplicaciones para Central es la semejanza entre interfaces, que en gran parte se consigue con el uso de los componentes, Central dispone de un completo set de componentes, la mayorí a de ellos de aspecto y funcionalidad semejantes a los Flash UI components, en este tutorial, veremos como trabajar con el componente MAccordion Tab.

…

Guy Watson flashguru’s MX 101 acaba de publicar dos nuevas extensiones para Flash MX 2004.

Create Frame Sequence
Esta extensión añade un comando nuevo en el menú comandos de Flash MX 2004 que toma los fotogramas que selecciones y los añade en una nueva capa en el orden seleccionado, uno por uno.

Duplicate Layer
Esta extensión añade un comando nuevo en el menú comandos de Flash MX 2004 que crea una replica exacta de una capa.

Para instalar ambas extensiones es impresindible Extension Manager 1.6 y Macromedia Flash MX
2004.

Descargar extensiones en www.flashguru.co.uk

Cada vez más anunciantes en Internet apuestan por campañas en formato “rich media” con anuncios que se mueven de forma dinámica, pop-ups o formatos animados de Macromedia Flash. Como muestran los datos del servidor de herramientas de marketing DoubleClick, la proporción de los formatos “rich media” de todos los anuncios online aumentó un 43% en el cuarto trimestre de 2003 en Europa, alcanzando así el 37,5%. Sin embargo, los banners estándar continúan siendo el formato publicitario preferido en Europa, con el 52,3%.

Leer noticia completa en marketingdirecto.com

Más artí culos interesantes en marketingdirecto
El informe sobre las tendencias de distribución de anuncios

Página personal de Felix Turner. Con una selección de contenidos inmejorable. Noticias de actualidad referentes a flash, fotografí a, diseño, código y enlaces interesantes, una cuidada selección de links divida en tres categorias:desarrollo web, juegos y photoblogs.

En la sección Demos una buena cantidad de experimentos y un interesante visor de imágenes confeccionado con simpleviewer Archivos fuente disponibles para descargar en http://www.airtightinteractive.com/simpleviewer/

Visita www.airtightinteractive.com

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"];

Eolas, ("Embedded Objects Linked Across Systems") es la propietaria, junto con
la Universidad de California, de la patente de los objetos “embebidos” (EMBED
OBJECTS) en documentos HTML que inventaran en 1993.

Este asunto afectaba tanto a desarrolladores web,(principalmente flash), quienes tení an que adaptar la programación de sus sitios web par la ejecución de los contenidos a través de otras técnicas, como a Microsoft, quien en previsión de nuevos problemas, ya habí a comenzado a reformar su Explorer.

La importancia de esta demanda ha hecho tomar parte al mismo Tim Benners Lee y el W3C quienes a través de una carta dirigida al director de la oficina de patentes y marcas, rogaban la anulación de la patente Eolas por su negativo impacto …

Tutorial básico, donde explico como dar los primeros pasos con Central, ¿acabas de bajarte el SDK y no sabes por donde empezar? sigue leyendo…

 Hello World, Central desde cero I

…

Acabo de registrarme en los foros de Central MX donde se habla de Flex, ActionScript, Remoting, Flashcomm y Central en Español.

¿Alguien más se apunta?

La cadena serverString contiene una lista de variables con los nombres y valores correspondientes a la todos los nombres y propiedades del objeto Capabilities.

Éste es el valor de serverString en mi sistema:

A=t&MP3=t&AE=t&VE=t&ACC=f&DEB=t&V=WIN%206%2C0%2C21%2C0&M=Macromedia Windows&R=1024x768&DP=72&COL=color&AR=1.0&I=point&OS=Windows XP&L=es

En combinación con LoadVars.decode obtenemos una eficaz herramienta para trabajar con dichas variables.

miSistema = System.capabilities.serverString;
mi_vars = new LoadVars();
mi_vars.decode(miSistema);
for (var i in mi_vars) {
trace(i+":"+mi_vars[i]);
}

Resultado tras aplicar LoadVars.decode()

L:es
OS:Windows XP
I:point
AR:1.0
COL:color
DP:72
R:1024x768
M:Macromedia Windows
V:WIN 6,0,21,0
DEB:t
ACC:f
VE:t
AE:t
MP3:t
A:t

Utilidad
Gracias a este script podemos determinar valores del sistema tales como el idioma, resolución de pantalla, sistema operativo, versión del player, etc. y redirigir a nuestro visitante a la versión adecuada del sitio.

Ejemplo
Detectar el idioma del sistema para cargar una versión adecuada del sitio

if (mi_vars.l == “es") …

Hace un par de dí as, comentaba en un post http://www.after-hours.org/blog/archives/000189.html sobre Macromedia Central el hecho de la poca información en castellano existente. Oscar Trelles dejaba un comentario muy alentador para todos aquellos que estamos interesados en Central:

Lamentablemente, existe el problema de la falta de informacion en castellano, lo que determina que solamente los que entienden el ingles puedan acceder a los avances de primera mano.

Por tanto, me comprometo a dos cosas:

1. Conversar con Macromedia para buscar la traduccion de la informacion existente acerca de Central.
2. De obtener una respuesta positiva, promover la iniciativa y efectivamente poner a disposicion de todos, una version en español del sitio de soporte para Central.

Lo que me lleva a reproducir aquí este párrafo, …

Lista de ganadores en las diferentes categorí as de la edición de este año en el Flash Film Festival 2004 San Francisco

Application
www.stampedecattle.com
Art
www.sonatafortheunaware.com
Cartoon
foollee.hk.st
Commerce
http://www.24-7media.de
Educational
www.livingchildren.com/knee
Experimental
www.brainshow.com
Game
www.abc.net.au/gameon/chasm
Motion Graphics
www.postvisual.com/showcase/2003/movie/theUninvited
Navigation
www.playmore.com
Original Sound
www.music4you.it/amiamo
Story
www.buttcrackcarny.com/storkstalker.swf
Technical Merit
http://www.wefail.com
3D
jul.coca-cola.se/com/index.htm
Typography
www.ni9e.com/typo_illus.html
Video
www.reevolution.tv

Lista de finalistas y ganadores completa aquí

Yambzbrowser es un componente que permite realizar uploads de archivos desde tu máquina a un servidor remoto, Yamago acaba de lanzar esta segunda versión de su popular componente. Disponible para descargar en sourceforge.net.

Nuevas caracterí sticas
Soporta páginas HTML scrollables
Soporta estilos CSS

Flash Player
YamzBrowser puede correr con la versión 6.0.65.0 + del Flash Player

Navegadores que lo soportan
PC Windows con Mozilla 1.2+, IE5.5+, NN7+, Phoenix beta 5, FireBird, FireFox
Mac Os9 y OSX con Mozilla 1.2+, IE5+, NN6+, Chimera 1+, Camino, FireBird, fireFox

Dos excelentes tutoriales excritos por Paul Newman www.communitymx.com.

Anatomy of a Central Application - Part 1
Descarga el código completo de la aplicación para Central de la comunidad CMXTRA- Aprende sobre los agentes que ponen en ejecución pods, interfaces, tooltips,Flash Remoting, el objeto Webservice, LCService, LCDataProvider, SharedObjects, data Grids, u mucho más.

Anatomy of a Central Application - Part 2
En esta segunda entrega, aprende algunos tips y trucos para hacer tu desarrollo central más fácil. Los apartados incluyen como crear los pods múltiples, modificar datagrids para casos concretos y a usar el componente Acordeón.

Modifica las propiedades de tus componentes en pocos segundos.

Selecciona las propiedades que quiere cambiar a los componentes
Cuando estés satisfecho del resultado, genera el código AS
Copia en el portapapeles (Ctrl +C) y pega en tu documento fla(Ctrl +V)

Esta es mi primera aplicación real para Central, son 35 Kb, instalarla y empezar a usarla te llevará pocos minutos.

Enlaces relacionados

Todo lo que querí as saber sobre Macromedia Central y no te atreviste a preguntar

Personalización de los componentes predeterminados

En este pequeño tip vamos a ver cómo hacer que un MovieClip actúe como un botón.

Primero creo un MovieClip. Dentro, inserto una capa para los “labels” y la dispongo como se ve en la imagen:

En el primer fotograma clave he introducido un stop(); para detener el cabezal de lectura.

También se puede apreciar la capa “graficos” donde he insertado distintos gráficos para cada “label” que mostrarán los cambios de comportamiento del MovieClip.

A continuación, arrastro el movieclip a la escena principal y le doy un nombre de instancia (en el ejemplo, “miClip"). En el primer fotograma clave de la escena principal introduzco lo siguiente:

miclip.onRollOut = function() {};
miclip.onPress = function() {};
miclip.onRollOver = function() {};

He definido los controladores de eventos de botón en el …