Mmm ok, lo intentare. A mi me gusta mas trabajar con movie clip que con botones, asi que esto sera totalmente diferente al tutorial del link que pones. Como pides explicacion con mucho detalles psss, escribire mucho jojojojo
Voy a suponer que los tres botones seran iguales y que los haras como rectangulo o parecidos a un rectango, asi que...
Pasos:
1) Dibujas rectangulo, lo seleccionas y presionas F8 para convertirlo en grafico, sip en grafico (Solo para botones iguales).
2) Ahora lo copias, lo pegas y lo pegas 2 veces para tener tus tres botones. Tambien los acomodas
.
3) Seleccionas el primer rectangulo y presionas F8 nuevamente, ahora lo haces movie clip (nombre que quieras).
4) Le das 1 clic izquierdo a tu movie clip y le pones en nombre de instancia boton1_mc(nombre de instancia esta abajo del lado izquierdo en propiedades).
5) Entras al movie clip dandole doble clic izquierdo a tu rectangulo.
6) Seleccionas el icono "A" para texto, das clic donde quieras ponerlo, te vas a propiedades para cambiarlo de texto estatico a texto dinamico y en nombre de instancia le pones texto1. De texto ponle lo que quieras, ejemplo: Boton 1...
.
7) Doble clic izquierdo en el escenario para salir del movie clip.
Repite lo mismo con los otros dos botones. No olvides ponerle los nombres de instancia a los rectangulos y a los textos.
9) Para las imagenes el codigo sera igual para movie clip, no vi la necesidad de hacerlo como galeria pues solo son 3 imagenes. Las puedes meter importandolas desde "Archivo" o presionando Ctrl+R.
10) Una vez importadas dejalas en el escenario y conviertelas en movie clip presionando F8, les pones el nombre que quieras y en nombre de instancia (imagen1, imagen2, imagen3).
11) Arrastralas a donde no te estorben y dejalas ahi.
12) Creas una nueva capa en tu linea de tiempo, seleccionas el primer fotograma de tu nueva capa y presionas F9 para abrir tu ventana de codigo.
13) Ahora solo pega el codigo.
14) Para el scroll necesito saber que version de flash tienes, ya que es mas facil hacer el scroll en flash 8. Tal vez tengas el MX como yo y tendriamos que meter mas codigo. Pero si tienes el 8, repito, sera mas facil
.
Nota: Al principio el rectangulo lo haces grafico por si quieres cambiar tus botones posteriormente, ya que de esta forma es mas rapido. Solo seleccionas el grafico de tu libreria (presionas F11) lo arrastras al escenario, le das doble clic, lo modificas y se cambiaran los tres botones al mismo tiempo.
Codigo, codigo, codigo!!!
Esta no es la mejor forma de hacer el codigo, pero asi es mas sencillo de entender
.
Código :
//-------Coordenadas de las imagenes---------------------
imagen_x=217;
imagen_y=172;
//--------Hago las imagenes invisibles-------------------
imagen1._visible=false;
imagen2._visible=false;
imagen3._visible=false;
//---------------------COLORES---------------------------
blanco={ra:ra, rb:255, ga:ga, gb:255, ba:ba, bb:255, aa:aa, ab:255};
verde={ra:ra, rb:0, ga:ga, gb:255, ba:ba, bb:0, aa:aa, ab:255};
azul={ra:ra, rb:0, ga:ga, gb:0, ba:ba, bb:255, aa:aa, ab:255};
rojo={ra:ra, rb:255, ga:ga, gb:0, ba:ba, bb:0, aa:aa, ab:255};
negro={ra:ra, rb:0, ga:ga, gb:0, ba:ba, bb:0, aa:aa, ab:255};
amarillo={ra:ra, rb:255, ga:ga, gb:255, ba:ba, bb:0, aa:aa, ab:255};
normal=blanco;
//--------Variables para cambiar color de texto---------
color1 = new Color(boton1_mc.texto);
color2 = new Color(boton2_mc.texto2);
color3 = new Color(boton3_mc.texto3);
//-------------Boton 1----------------------------------
boton1_mc.onPress = function () {
//---Coloco imagen1 a las coordenadas declaradas al inicio---
imagen1._x=imagen_x;
imagen1._y=imagen_y;
//---Imagen1 visible, imagen 2 y 3 invisibles---
imagen1._visible=true;
imagen2._visible=false;
imagen3._visible=false;
//---Cambio color de texto1 y regreso texto 2 y 3 al color inicial---
color1.setTransform(amarillo);
color2.setTransform(normal);
color3.setTransform(normal);
}
//-------------Boton 2----------------------------------
boton2_mc.onPress = function () {
imagen2._x=imagen_x;
imagen2._y=imagen_y;
imagen2._visible=true;
imagen1._visible=false;
imagen3._visible=false;
color1.setTransform(normal);
color2.setTransform(rojo);
color3.setTransform(normal);
}
//-------------Boton 3----------------------------------
boton3_mc.onPress = function () {
imagen3._x=imagen_x;
imagen3._y=imagen_y;
imagen3._visible=true;
imagen1._visible=false;
imagen2._visible=false;
color1.setTransform(normal);
color2.setTransform(normal);
color3.setTransform(verde);
}
Espero sea lo que querias, que te sirva y sea facil de entender, saludos.
, cambié eso y anduvo un espectáculo!!!!. 