Menu con Easing para torpes!! (más fácil aún?)

Hola, pues resulta que ayer noche (en Spain) tenía insomnio. Y hice un tutorial que está incluido en un fla.

El tuto es otra aproximación al menú easing (ese que pregunta tanta gente ( http://www.face2facemodel.com/index.php ))

Está pensado para torpes (es decir personas que no se aclaran ni con lejía), con un toque de humor, para que sea más llevadero. Fácil (más aun?!!)

Como he visto la oferta esa de Gmail, te lo envío, y si conviene se saca el tutorial del fla y se dejan sólo los comentarios oportunos.

A otra cosa, El fla está por acabar, expresamente, para que la gente lo complete. (Si conviene se puede poner el swf acabado claro)

Quizás, si os gusta, sea el principio de una nueva serie de tutos para torpes, fáciles, dirigidos a principiantes con AS. (Como yo)

jeje, en cuanto llegue a mi casa (Hace cuanto no al visito) lo monto

Seria bueno que enviaras el FLA con el SWF final para montarlo como el ejemplo final; y me parece una excelente idea los tutoriales para dummies

Saludos

Recibi el FLA, pero me mueve solo dos de los 5 colores que tiene; y por otro lado, si me envias un tutorial, coloca el texto, codigo e imagenes del tutorial aparte en un archivo HTML por favor

saludos

Vale, te enviaré lo siguiente:

1.- Página html con el tutorial completo.
2.- El fla completo, y su correspondiente swf
3.- El fla, para que se complete con el tutorial (es decir, al estilo antes/después)
4.- Cuando pueda, el menú en acción en una página con diseños y tal.
5.- Ya estoy pensando variaciones, como por ejemplo añadir 3d (simulado), pero eso ya se verá...

A-reveure (hasta la vista)

Pues te lo acabo de enviar, html, fla, swf. Ahora te toca a tí.

Si señor ... formateando y publicando

http://circulocromatico.webcindario.com/menugiratorio360/menu_easing_torpes_espacial.htm

Que contento estooooooooy !!!!!


[PD: gracias X gmail freddie & C, y Yumi]

Crei que tardare un poco mas de lo previsto en publicarlo . . .

Pero seguro estara

Tutorial publicado

Puedes verlo aqui
http://www.cristalab.com/vertutorial.php?id=57

Tambien aparece en tu conteo de tutoriales del foro

Saludos

Ya lo he visto, muy lindo! La próxima vez ( ) tendré en cuenta lo de las capturas de pantalla y el estilo de colores para que no tengas más trabajo de la cuenta. (Claro... si es para novatos, es lógico que tenga que tener alguna imagen de referencia...)
Bueno, ya estoy preparando otra cosilla... Aunque si no lo acabo antes de 15 días lo tengo crudo. (Es que empieza el cole, y con ello mi trabajo sube, y sube, y sube )

A reveure (see you)


Por cierto, voy a canviar el logo porque se ve horrible!!

Cuando bajo el .fla del easing y lo abro me da error de formato. Lo quiero mirar xq no veo en el tutorial nada de la máscara.

Me lo podríais enviar o algo??

Muchísimas gracias.

Pues creo que si te da error de formato es porque está para FLASH MX2004, Y ante eso, si usas flash 5 o mx no podemos hacer nada. Si no es este el problema, puedes mandarme un mensaje de correo y te lo enviaré al tuyo.

En cuanto a la máscara, es simplemente un rectángulo de las medidas que quieras (es decir lo que quieres que se vea). Simplemente creas el rect. y con el botón derecho del ratón sobre el nombre de la capa, buscas en el menú contextual máscara, verás que te se pone un icono verde, y entonces, las capas que arrastres dentro de ella estarán enmascaradas, sólo se verá a trvés de la figura que tengas en la capa máscara. Puedes ver ejemplos en la ayuda o buscar "máscara" aquí mismo y encontrarás ejemplos y tal.

necesito ayuda, no puedo colocar de ninguna manera el menu con easing en otro movie clip que estoy haciendo.

Dame alguna pista, que error te da, que es lo que ocurre?

es asi, tengo mi .fla que es una seccion de la web que estoy haciendo y es ahi donde quiero poner este scroll. El problema es que intente hacerlo de dos formas y ninguna me dio resultado. La 1ro que hice fue exportar el movieclip desde el fla del tutorial e insertarlo en mi fla. De esa manera queda estatico, como un grafico. En el 2do intento, copie capa por capa, scripts, y todo el resto a mi fla. En este caso si funcionan los botones pero no se mueve . No se que hacer.

Vamos por partes:

0.- supongo que el mc se llama menu_easing.swf.
1.- creas un mc vacio llamado easing en tyu peli principal
2.- lo pones en el escenario, donde quieras que aparezca el menú, (en la parte superior izquierda de donde quieres que aparezca).
3.- seleccionas el mc easing que acabas de crear y le pones el nombre de instancia contenedor_mc
4.- en la linea de tiempo principal, donde está colocado el mc, pones:

loadMovie("menu_easing.swf", "contenedor_mc");

y pruebas... suerte!!

bueno, pude hacer que funcione!!!! gracias sisco!!!
Ahora el problema es que no puedo hacer que los botones del menu vayan a los fotogramas que quiero. ¿tengo que poner antes a que escena va dirigido?. Gracias.

dentro del botón correspondiente, siempre y cuando el menú este cargado con loadmovie en un mc:

Código :

on (Release) {
   _parent.gotoAndStop("nombreEscena", frame);
}

con _parent consigues que sea la peli madre la que se desplace. Y recuerda, que tendrás que poner un boón para volver!

Sisco, llevo toda la tarde tratando de hacer este menu con easing solo que poniendo fotos de caratulas de cd para que al clikear sobre alguna me reproduzca el cd en wmplayer, tengo Flash MX; no me funciona, copie todo el codigo tal cual y no pasa nada, cuando pruebo ni se mueve, no hace nada y eso que respete los nombres de instancias y todo.
Me puedes ayudar?

debes tener flash mx 2004

Sisco, consegui el MX 2004, creé mi menú muy similar al que tengo en el ejemplo tuyo, sólo que modifique el script para que coincida con los mc que le puse yo.
Lo revise mil veces y está exactamente igual al ejemplo.
Cuando lo ejecuto me aparecen los botones uno encima del otro y sobre el lado izquierdo, y no se mueve para nada, muevo el mouse y nada. Lo que si anda es el efecto alfa, eso esta normal, todo lo demas no.
Se te ocurre que puede ser??
Me estoy quemando la cabeza revisando el script y no me doy cuenta del error.
A lo mejor vos te das cuenta en que parte puede no coincidir con tu ejemplo.
Igualmente voy a probar reemplazando los gif de tu ejemplo por mis imagenes, pero manteniendo los nombres de los mc asi no modifico el script, deberia andar no?

Lo logré, lo que pasa es que abri con el MX2004 el archivo que habia creado con el MX y tenia Actionscript 1, cuando vi que los documentos que creaba con el mx2004 tenian AS2 me di cuenta y copie todo tal cual a un documento nuevo en MX2004, funciono de maravilla, luego de unos ajustes quedo muy bien, gracias SISCO por este tutorial, junto con los archivos me fue de gran ayuda.

SISCO, se que parezco pesado, pero necesito dos cositas mas.
Primero agregarle sonido (previamente cargados a la biblioteca) a estos botones para rep cuando el mouse pase por encima (onRollOver)
como hago??
y segundo que en el mismo momento me muestre abajo una descripcion del contenido del destino del boton. por ej:

Nombre del boton: MUSICA
quiero que abajo me aparezca, al pasar el mouse por encima del boton un comentario del tipo: click aqui para reproducir cd, o algo asi.
Cual es la mejor manera?

Rata Blanca escribió:

Para agregar sonido:
Haces doble clic en el botón y:
"En la línea de tiempo del botón, añada una capa de sonido.
En la capa de sonido, cree un fotograma clave normal o vacío para que se corresponda con el estado del botón al que desea añadir un sonido.
Por ejemplo, para añadir un sonido cuando el botón está presionado, cree un fotograma clave en el fotograma con la etiqueta Presionado.

Haga clic en el fotograma clave que ha creado.
Seleccione Ventana > Propiedades.
En el inspector de propiedades, elija un archivo de sonido en el menú emergente Sonido.
Seleccione Evento en el menú emergente de sincronización.
Para asociar un sonido diferente a cada fotograma clave del botón, cree un fotograma clave vacío y añada otro archivo de sonido para cada fotograma clave. También puede usar el mismo archivo de sonido y aplicar un efecto de sonido distinto para cada fotograma clave del botón. Para más información, consulte Utilización de controles de edición de sonido."

Para poner texto:

Lo puedes poner dentro del botón, en el fotograma "sobre"

Suerte

Hola! oye esta padrisimo tu tutorial, pero quiere aumentar el numero de mc y no funciona, en lugar de aparecer a partir del 1, aparecen los ultimos 6 unicamente... Ojala alguien me pueda ayudar
GRACIAS
Susa

Es que para modificar el código de un tutorial o ejemplo, primero se tiene que entender el que existe!

Es cuestión de medidas, el tamaño máximo, el total de los mcs lo que miden cada uno ,etc.

Hola. Muy buen tutorial sisco pero tengo una duda. Resulta que quería hacer lo mismo pero en vez de horizontal en vertical y como pensaba q no sería complicado he cambiado todo donde ponía x por y. pero resulta que ahora no me va . Si pongo el mouse para abajo me sube como una persiana bien bueno tampoco bien porque al llegar arriba me salta la imagen abajo y no se crea el efecto y si le doy para arriba pues la última foto me llega al fondo y al "desaparecer" vuelve a su estado antes de desaparecer. A ver si me explico. Vamos que vuelve a ser la última. Da un tirón para arriba y de ahí no se puede bajar más porque siempre pasa lo mismo. ¿El problema se debe a que debería de haber cambiado la función? joder pues como sea eso que bien apañao estoy . Mira aquí te dejo tu codigo cambiado. Por cierto en vez de meterle 6 gifs, he puesto 4 loaders de 80x80 dejando una separación de uno al otro de 12 por eso pongo en ancho del mac 92 y bueno he hecho un retoque en las medidas totales y de velocidad pero no creo q influyan en nada.

Frame 1

//~~~~~~~~~~~ V a R i A b L e S ~~~~~~~~~~~~~~~~
var yposMouse:Number = _root._ymouse;
var velMax:Number = 15;
var velMin:Number = 0;
var yMitadEscena:Number = 184;
var anchoEscena:Number = 368;
var anchoMC:Number = 92;
var factor:Number = yposMouse*(velMax-velMin)/yMitadEscena+2*velMin-velMax;

if (factor>velMax) {
factor = velMax;
} else if (factor<-velMax) {
factor = -velMax;
}
//~~~~~~~~~~ B o T o N e S ~~~~~~~~~~~~

//para el primero
if (primero._y >anchoEscena) {
this.primero._y = -anchoMC;
}
if (primero._y <-anchoMC) {
this.primero._y = anchoEscena;
}
//para el segundo
if (segundo._y >anchoEscena) {
this.segundo._y = -anchoMC;
}
if (segundo._y <-anchoMC) {
this.segundo._y = anchoEscena;
}
//para el tercero
if (tercero._y >anchoEscena) {
this.tercero._y = -anchoMC;
}
if (tercero._y <-anchoMC) {
this.tercero._y = anchoEscena;
}
//para el cuarto
if (cuarto._y >anchoEscena) {
this.cuarto._y = -anchoMC;
}
if (cuarto._y <-anchoMC) {
this.cuarto._y = anchoEscena;
}
// Y ahora Al ataqueeeee!!! pasamos al frame 2
play();

Y para el frame 2:

//Si la posición del mouse está más alla de la mitad derecha +30 pixels,
//mover hacia la izquierda (a la velocidad del factor)
if (yposMouse>(yMitadEscena)) {
this.primero._y -= factor;
this.segundo._y -= factor;
this.tercero._y -= factor;
this.cuarto._y -= factor;
}
//Si lo está a menos de 30 pixels de la mitad izquierda,
//mover a la derecha (a la velocidad del factor)
if (yposMouse<(yMitadEscena)) {
this.primero._y -= factor;
this.segundo._y -= factor;
this.tercero._y -= factor;
this.cuarto._y -= factor;
}
/*
Debido a que el número factor es incremental, se debe
proceder a una corrección de la posición de los mc, de
forma que la posiciones de los mc dependan unas de otras
*/
//Corrección del primero
if (this.cuarto._y <anchoEscena-anchoMC) {
this.primero._y = this.cuarto._y +anchoMC;
}
//corrección del segundo
if (this.primero._y <anchoEscena-anchoMC) {
this.segundo._y = this.primero._y +anchoMC;
}
//corrección del tercero
if (this.segundo._y <anchoEscena-anchoMC) {
this.tercero._y = this.segundo._y +anchoMC;
}
//corrección del cuarto
if (this.tercero._y <anchoEscena-anchoMC) {
this.cuarto._y = this.tercero._y +anchoMC;
}
// Vamonoooooos !!!
gotoAndPlay(1);

Desde ya, muchas gracias

Mírate este post, que aunque es muy antiguo, en el cual explico cómo cambiar de horizontal a vertical y algunas cosillas más.

http://www.cristalab.com/foros/p7666.html#7666

Suerte!

Vale, ya está. Muchas gracias. Era que eso del mc_espacio no se lo había puesto porque pensaba que era sólo por un espacio pero al ponerselo ya va todo bien.

que tal!

pues descargue el menu Easing pero tengo una duda. ¿como hago para que funcione con n botones? con 6 funciona perfectamente pero mas de 6 como que se mueven los botones al recorrerse de izquierda a derecha, del otro lado funciona perfectamente