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:

…

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í

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

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í

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 …

Es muy habitual el uso de la función updateAfterEvent() , también es cierto que en numerosas ocasiones se utiliza sin saber exactamente que hace o como utilizarlo.

El script siguiente es un ejemplo de mal uso, en este caso updateAfteEvent() es ignorado.

this.onEnterFrame = function() {
// – acciones
//…
//…
updateAfterEvent();
};

Veamos un poco de teorí a y unos ejemplos que espero sirvan para entender mejor el uso correcto de updateAfterEvent().

Descripción
Actualiza la visualización (independientemente de los fotogramas por segundo establecidos para la pelí cula) cuando el usuario la llama en un controlador onClipEvent o como parte de una función …

Siempre es agradable anunciar éxitos de un compañero, pero si además se trata de un amigo mucho más, creo que la imagen que acompaña este texto dice todo por si sola.

No obstante queremos aprovechar para felicitar a Marc por cosechar otro nuevo éxito .

Muchas felicidades Marc te lo mereces!

www.merkdesign.com

www.mediaptiva.com

www.favouritewebsiteawards.com

Anaya Multimedia lanzará el próximo mes de Abril el libro FlashMX 2004: Proyectos profesionales. El libro presenta trabajos de los mejores desarrolladores de habla hispana. Lee la noticia completa en www.nomaster.com

Sin duda, este es hasta el momento el tutorial más corto que he escrito nunca, sin embargo, estoy convencido de que será útil a más de un flashero. Un botón que recoge un input y ejecuta una acción por el método tradicional (haciendo clic sobre éste) o bien pulsando la tecla ENTER.
Para el ejemplo, he necesitado tan solo un botón clip de pelí cula y un campo de entrada. Introduce una cifra y al hacer clic o ENTER se convierte en su equivalente en euros.

txt_euros.onSetFocus = function() {
this.text = undefined;
};

Código para el botón

on (release, keyPress “") {
_root.euros *= 166.39;
}
fla de ejemplo aquí »

Horario: 12 de Febrero de 2004 - 15 a 21 hs.
Escuela Da Vinci - Primera escuela de arte multimedial
MATP Macromedia Autorized Training Partner
Av. Corrientes 2037 Ciudad de Buenos Aires

Aranceles e Inscripción
Venta de entradas únicamente en el MMUG-ar
Viamonte 1430 2º B

Nota: en el seminario podrás adquirir Manual avanzado para FlashMX firmado por Kali Romiglia.

Kali enlaces:

http://www.romiglia.com/web/
http://www.romiglia.com/esenciales/index.html

Mi favorita:

www.oscarmulero.com

OT Es curioso, ayer estaba chateando con un colega Argentino sobre los grandes, lógicamente hablamos de Kali, je,je yo me pavoneé de tenerlo entre nosotros y mira, hoy mientras buscaba alguna info en google, veo el enlace del MMUG .

Hay que j…

City Creator es un proyecto común de Denise Wilton y Cal Henderson. Denise llegó con la idea y el diseño originales, y Cal ayudó a llevar la idea adelante ocupandose de la programación.

Construye tu propia ciudad

En este site se unen flash y pixelArt, un sitio para pasar un buen rato, se trata de seleccionar entre distintas ciudades en distintas épocas y escoger los elementos dispuestos en paneles para crear tu propia ciudad.

Personalización de los componentes predeterminados

Hay dos maneras de cambiar el aspecto de los componentes predeterminados: haciendo uso del objeto FStyleFormat o el empleo de aspectos. En el tutorial que nos ocupa, veremos como definir estilos para un componente.

El objeto FStyleFormat

El proceso para cambiar el aspecto de un componente es como sigue:

Crear un nuevo objeto FStyleFormat
Añadir detectores a lo componentes que queremos modificar
Cambiar los atributos de estilo que escojamos.

Cambio de estilo global

Los componentes vienen con un estilo predeterminado globalStyleFormat, y actúa sobre todos los componentes que usemos en nuestra pelí cula, de manera que si queremos cambiar el estilo de todos los componentes para que tengan el mismo aspecto, basta con cambiar las propiedades de globalStyleFormat y …

En loops.net encontrarás todo tipo de enlaces a webs sobre sonido:

Free samples
Free SoundFonts
Loop Software
Multitrack Software
Sequencers
Sound Editors
Utilities
Sample CD’s
Download Shops
SoundFonts

Visitar

¿El fin justifica los medios?
En flash no, optimizar, optimizar y optimizar, esta debe ser tu meta. No basta con que funcione, hay que buscar el mejor método.

Un ejemplo sencillo

Quiero hacer una animación que mueva un clip de pelí cula a lo ancho del escenario, para ello sé que tendré que modificar la propiedad _x del objeto movieClip, puedo conseguirlo valiendome de distintas técnicas, pero todas tienen algo en común , una repetición controlada de acciones que se denomina bucle (loop en inglés).

Flash se caracteriza por facilitar el que cualquier persona con muy pocos conocimientos, pueda ver algo más que texto estático en su pantalla, seguramente alguien que empieza solucionarí a el problema con una interpolación de movimiento, …

Para continuar esta serie de tutoriales básicos sobre la integración XML-Flash he confeccionado una galerí a de imagenes muy sencilla. El fla contempla basicamente como obtener una serie de imágenes tomando como base de datos un archivo XML.

<?xml version="1.0" encoding="iso-8859-1"?>
<imagenes>
<imagen id="img01.jpg"/>
<imagen id="img02.jpg"/>
<imagen id="img03.jpg"/>
<imagen id="img04.jpg"/>
<imagen id="img05.jpg"/>
<imagen id="img06.jpg"/>
<imagen id="img07.jpg"/>
<imagen id="img08.jpg"/>
<imagen id="img09.jpg"/>
</imagenes>

// – posición donde se cargará la primera imagen
x = 3;
y = 3;
// – ancho y alto de la imagen más 5 pixeles de espacio
ancho = 105;
alto = 80;
// – numero de columnas
num_columnas = 3;
// – creo un nuevo objeto XML
miXML = new XML();
// – ignorar espacios
miXML.ignoreWhite = true;
// Рproceso si la carga tuvo ̩xito
miXML.onLoad = function(succes) {
if (succes) {
// – por cada nodo hijo del nodo principal…
for …

Principal caracterí stica : puedes crear un método variable o función y llamarla desde cualquier nivel sin necesidad de aplicar una ruta, lo cual hace más sencillo el uso de actionScript. Veamos un ejemplo:

Llamar a una variable que está en la lí nea de tiempo principal (_root) sin usar el identificador _global:

// en la lí nea de tiempo principal (_root)

miVariable =’Hola Mundo’

// en la lí nea de tiempo de un clip de pelí cula mcMiClip

trace(_root.miVariable)// retorna ‘Hola Mundo’
trace(miVariable)// retorna ‘undefined’

Veamos ahora como lo harí amos con _global:

// en la lí nea de tiempo principal (_root)

_global.mivariable_global =’Hola Mundo’

// en la lí nea de tiempo de un clip de pelí cula mcMiClip

trace(miVariable)// retorna ‘Hola Mundo’

Como ves …

3DModeler.

Interesante experimento flash, modela un objeto 3D onLine, guardalo y enví alo por e-mail. Galerí a con alguna de las ‘obras’ diseñadas con esta ingeniosa aplicación. Visitar aquí .

Veamos con un sencillo script un uso práctico de la acción updateAfterEvent()

1. Crea un clip de película con el gráfico para personalizar el cursor, puede ser una imagen importada o un gráfico dibujado en flash.
2. Selecciona el clip de película, en el inspector de propiedades, en la casilla escribe mc_cursor.
3.Añade una capa nueva y copia este script:

Mouse.hide();
_root.onMouseMove = function() {
mc_cursor._x = _root._xmouse;
mc_cursor._y = _root._ymouse;
updateAfterEvent()
};

Descargar archivo fuente »

Referencia actionScript

updateAfterEvent

Sintaxis
updateAfterEvent()

Parámetros
Ninguno.

Valor devuelto
Ninguno.

Descripción
Acción; actualiza la visualización (independientemente de los fotogramas por segundo establecidos para la pelí cula) cuando el usuario la llama en un controlador onClipEvent o como parte de una función o un método que el usuario pasa a setInterval. Flash ignora las llamadas a updateAfterEvent que no se encuentran en …

Guy Watson de flashguru ha creado una nueva extensión para flash MX 2004 que facilita crear fotogramas clave con una acción stop() .Este comando , toma los fotogramas seleccionados, los convierte en un fotograma clave y después le agrega la acción Stop()

Puedes descargátela aquí

Una aplicación para mostrar gráficamente la estructura de una lista de correo, ayudando a visualizar como está estructurada ésta. Traduzco (lo mejor que puedo) la introducción que Marcos Weskamp de www.marumushi.com hace de este experimento.

Social circles se propone revelar parcialmente las redes sociales que emergen en listas de correo, la idea consiste en visualizar en tiempo real sus jerarquí as sociales y los principales temas que tratan. Al suscribirte a una lista de correo nunca sabes quién es quién , cuánta gente está escuchando o quien habla. Es como entrar en una habitación a oscuras con un montón de gente teniendo que aprender quién es quién apenas escuchando sus voces.

Social Circles no pretende ser una aplicación de …

Creo que padezco una fuerte adicción al blogin, no me puedo ir a dormir sin escribir algo + hoy, hay va:

// copiar y pegar en primer fotograma

onMouseMove = function () {
if (dibujar) {
lineStyle(0, 0x000000, 100);
lineTo(_root._xmouse, _root._ymouse);
}
};
onMouseDown = function () {
dibujar = true;
moveTo(_root._xmouse,_root. _ymouse);
};
onMouseUp = function () {
dibujar = false;
};

Hasta mañana!
Continuará…

Siguiendo con el objeto botón, vamos a ver como conseguir que un botón presente el estado activo/inactivo; con flash 5, tení amos que servirnos de ingeniosos trucos, por ejemplo, cambiar la propiedad _visible=false del objeto botón y mostrar un gráfico en su lugar, veamos que sencillo es conseguir esto mismo con flash MX gracias a la propiedad enabled del objeto botón.

// deshabilitar botón
boton.enabled=false
//al pasar el cursor sobre el botón, este no mostrará el icono ‘mano’
// habilitar botón
boton.enabled=true

Ejemplo práctico:

Al hacer clic en un botón, lo deshabilitamos y para hacer mostrar su estado ‘inactivo’ ajustamos la propiedad _apha por debajo de su valor por defecto.

boton01.onRelease=function(){

boton01.enabled = false
boton02.enabled = true
boton03.enabled = true
boton01._alpha = 75
boton02._alpha = 100
boton03._alpha = 100
gotoAndStop("contactar")

}

Analicemos cada sentencia del script que …

Este pretende ser el primero de una serie de artí culos dirigidos a quien ha pasado recientemente a MX desde una versión inferior, por experiencia, sé que hay una tendencia a empezar a usar el programa sin fijarse mucho en las novedades que la nueva versión ofrece, cayendo de esa forma en el error de usar métodos de programación clasificados como obsoletos.

La configuración de un botón flash MX es idéntica a la de un botón en flash 5, si editamos una instancia de botón, veremos que tiene los estados reposo, sobre, presionado y zona activa.

Tambien los eventos son casi los mismos ( onDragOut, onRelease, onReleaseOutside, onRollOver, onRollOut, onPress).Con flash 5 la forma de asociar un evento a un …