Precisaría un poco de su ayuda de los maestros y quizás por que no, poner este pequeño menu dentro de un ejemplo, tip o un tutorial.
Mi problema es el siguiente :
En este menu, la cantidad de botones esta dada por el archivo .xml, pero a pesar de que el movimiento e easing son los que quiero, no logro que al añadir un nuevo elemento al .xml se recalcule el tamaño del menu logrando que se vean todos los botones. No se si me expliqué bien, quisiera que el menu fuera personalizable.
Alguien me podría tirar un centro?????
Les paso los códigos.
Este es el código para el movimiento del menu sobre el eje _y con _ymouse en el frame 1 de la linea de tiempo principal.
Código ActionScript :
#include "lmc_tween.as"
//movimiento por medio del mouse
mc_Control.onMouseMove = function () {
targetY = _ymouse;
};
mc_Control.onEnterFrame = function () {
this._y -= (targetY + (this._y - (this._yscale / 100 + 26))) / 9;
};
Este es el código en el frame 1 dentro de mc_Control
Código ActionScript :
//variables del xml
var Items:Number;
var xml:XML = new XML ();
xml.ignoreWhite = true;
// funciones dentro de la carga del xml
xml.onLoad = function () {
var nodes = this.firstChild.childNodes;
Items = nodes.length;
for (var i = 0; i < Items; i++) {
var t = attachMovie ("item", "item" + i, i + 1);
t._y = i * Items;
t._x = 0;
t.Arrow.txt_list.text = nodes[i].attributes.tooltip;
//accion roll over y roll out
t.onRollOver = function () {
this.Arrow.tween ("_x", 15, 1);
this.Arrow.arrow_mc.colorTo (0xFFFFFF, 1);
this.back.alphaTo (0, 2, customEasing);
this.Arrow.txt_list.colorTo (0x000000, 1);
};
t.onRollOut = function () {
this.Arrow.arrow_mc.colorTo (nan, 1);
this.Arrow.tween ("_x", 5, 1, customEasing);
this.back.alphaTo (100, 9, customEasing);
this.Arrow.txt_list.colorTo (nan, 1);
};
t.useHandCursor = false;
}
};
//carga de xml
xml.load ("icons.xml");
// funcion de easing personalizado para el movimiento de la flecha y cambio de color del boton
customEasing = {};
customEasing.pts = [{Mx:0, My:0, Nx:6, Ny:-104, Px:-1, Py:6}, {Mx:5, My:-98, Nx:2, Ny:-52, Px:0, Py:-8}, {Mx:7, My:-158, Nx:0, Ny:-68, Px:32, Py:32}, {Mx:39, My:-194, Nx:95.9, Ny:-14, Px:65.1, Py:8}, {Mx:200, My:-200}];
customEasing.ease = function (t, b, c, d, pl) {
var i, r;
r = 200 * t / d;
for (i = 0; r > pl[i + 1].Mx; i++) {
}
i = pl[i];
if (i.Px != 0) {
r = (-i.Nx + Math.sqrt (i.Nx * i.Nx - 4 * i.Px * (i.Mx - r))) / (2 * i.Px);
} else {
r = -(i.Mx - r) / i.Nx;
}
return b - c * ((i.My + i.Ny * r + i.Py * r * r) / 200);
};
Quisiera que mi menu fuera como este ejemplo que dejo en el link.
[url=http://www.flashcomponents.net/component/vertical_scrolling_menu.html][/url]
Desde ya muchas gracias por su atención.
Charlyn
