Carrusel y pregunta

-YeraY- · 26 abr 2007

Hola Muy buenas ^^

como no, sigo con mis tentativas con esto de la web :D biennn ya se integrar un poco (solo un poco) mejor el flash y el html, pero todavia me falta camino por recorrer ^^

bueno, encontre esta pagina hace un tiempo y me dedique hacer el tutorial del carrusell:
www.gotoandlearn.com

y me parecio genial, perooooo lo que quiero es que el carrusell este dando vueltas con 3 elementos o 5 y que cuando presione en uno de ellos me aparezca una imagen grande del elemento, es decir, tengo dos archivos en imagenes el b1 de 100x100 pixeles y el b1size que tiene 400x400
El problema es que el video te enseña (en el tercer tuto) hacer como que el "b1" duplique su tamaño, haciendo visible los pixeles, entonces pense en hacer un dropzone para que la imagen "b1size" fuera directamente ahi... no se si me explico

la otra solucion, seria poner el "b1size" a la mitad de tamaño, para que dando vueltas se viera pequeño y cuando le presionaras se duplicara el tamaño sin perdida de pixeles.... bueno ya me comentais que os parece ^^ y sialguno me puede ayudar :D

dejo el codigo:

este es el primero (sin el aumento, sino para poner el B1 y el B1size juntos:

Cita:

var numOfItems:Number = 3;
var radiusX:Number = 100;
var radiusY:Number = 40;
var centerX:Number = Stage.width/1.5;
var centerY:Number = Stage.height/1.4;
var speed:Number = 0.08;
var perspective:Number = 130;
var home:MovieClip = this;

var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
tooltip._alpha = 0;

var xml:XML = new XML();
xml.ignoreWhite = true;

xml.onLoad = function()
{
var nodes = this.firstChild.childNodes;
nomOfItems = nodes.length;
for(var i=0;i<numOfItems;i++)
{
var t = home.attachMovie("item","item"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.toolText = nodes[i].attributes.tooltip;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
}
}

xml.load("icons.xml");

function mover ()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s:Number = (this._y - perspective) / (centerY+radiusY-perspective);
this._xscale = this._yscale = s * 80;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 100);
}

this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/2200;
}

y este es el codigo con el incremento del B1 al doble, donde se me joden los pixeles, y el cual me gustaria cambiar por el B1size, pero reduciendo los 400x400 pixeles y dejandolo en 100x100 pixeles, para cuando le de al boton no se vean los pixeles rotos, sino que se vea la imagen al 100% ^^

Cita:

import mx.utils.Delegate;
import mx.transitions.Tween;
import mx.transitions.easing.*;

var numOfItems:Number = 3;
var radiusX:Number = 100;
var radiusY:Number = 40;
var centerX:Number = Stage.width/1.5;
var centerY:Number = Stage.height/1.4;
var speed:Number = 0.08;
var perspective:Number = 130;
var home:MovieClip = this;
theText._alpha = 0;

var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
tooltip._alpha = 0;

var xml:XML = new XML();
xml.ignoreWhite = true;

xml.onLoad = function()
{
var nodes = this.firstChild.childNodes;
nomOfItems = nodes.length;
for(var i=0;i<numOfItems;i++)
{
var t = home.attachMovie("item","item"+i,i+1);
t.angle = i * ((Math.PI*2)/numOfItems);
t.onEnterFrame = mover;
t.toolText = nodes[i].attributes.tooltip;
t.content = nodes[i].attributes.content;
t.icon.inner.loadMovie(nodes[i].attributes.image);
t.r.inner.loadMovie(nodes[i].attributes.image);
t.icon.onRollOver = over;
t.icon.onRollOut = out;
t.icon.onRelease = released;
}
}

function over()
{
home.tooltip.tipText.text = this._parent.toolText;
home.tooltip._x = this._parent._x;
home.tooltip._y = this._parent._y - this._parent._height/2;
home.tooltip.onEnterFrame = Delegate.create(this,moveTip);
home.tooltip._alpha = 100;
}

function out()
{
delete home.tooltip.onEnterFrame;
home.tooltip._alpha = 0;
}

function released()
{
home.tooltip._alpha = 0;
for(var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i]
t.xPos = t._x;
t.yPos = t._y;
t.theScale = t._xscale;
delete t.icon.onRollOver;
delete t.icon.onRollOut;
delete t.icon.onRelease;
delete t.onEnterFrame;
if(t != this._parent)
{
var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,t._xscale,0,1,tru e);
var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,0,1,tru e);
var tw3:Tween = new Tween(t,"_alpha",Strong.easeOut,100,0,1,true);
}
else
{
var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,t._xscale,200,1,t rue);
var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,200,1,t rue);
var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,400,1,true);
var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,350,1,true);
var tw5:Tween = new Tween(theText,"_alpha",Strong.easeOut,0,100,1,true );
theText.text = t.content;
var s:Object =this;
tw.onMotionStopped = function()
{
s.onRelease = unReleased;
}
}
}
}

function unReleased()
{
delete this.onRelease;
var tw:Tween = new Tween(theText,"_alpha",Strong.easeOut,100,0,0.5,tr ue);
for(var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i];
if(t != this._parent)
{
var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,0,t.theScale,1,tr ue);
var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,0,t.theScale,1,tr ue);
var tw3:Tween = new Tween(t,"_alpha",Strong.easeOut,0,100,1,true);
}
else
{
var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,200,t.theScale,1, true);
var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,200,t.theScale,1, true);
var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,t.xPos,1,true);
var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,t.yPos,1,true);
tw.onMotionStopped = function()
{
for(var i=0;i<numOfItems;i++)
{
var t:MovieClip = home["item"+i];
t.icon.onRollOver = Delegate.create(t.icon,over);
t.icon.onRollOut = Delegate.create(t.icon,out);
t.icon.onRelease = Delegate.create(t.icon,released);
t.onEnterFrame = mover;
}
}
}
}
}

function moveTip()
{
home.tooltip._x = this._parent._x;
home.tooltip._y = this._parent._y - this._parent._height/2;
}

xml.load("icons.xml");

function mover ()
{
this._x = Math.cos(this.angle) * radiusX + centerX;
this._y = Math.sin(this.angle) * radiusY + centerY;
var s:Number = (this._y - perspective) / (centerY+radiusY-perspective);
this._xscale = this._yscale = s * 80;
this.angle += this._parent.speed;
this.swapDepths(Math.round(this._xscale) + 200);
}

this.onMouseMove = function()
{
speed = (this._xmouse-centerX)/2200;
}

si 146 lineas de codigo

josepzin · 26 abr 2007

Arg! tuestasloco! :D:D:D

-YeraY- · 26 abr 2007

Venga Jose que es un pequeño pequeñiiisimooo reto :D ^^

si pudiera saber, que con la imagen B1size, puedo escalarla un tanto porciento (reducirla) y luedo dejarla a su tamaño original.... ^^ creo que con eso tendria ^^

josepzin · 26 abr 2007

Nada de pequeñisimo! :P

Para escalar una imagen tienes la propiedad _xscale e _yscale... no se si te sirva de algo esta info...

-YeraY- · 26 abr 2007

Bueno, me pongo a trastear un poco, lo intento poner como
var _xscale:Number = -50;
var _yscale:Number = -50;

voy a probarlo y luego digo si he encontrado la posible solucion ^^

josepzin · 27 abr 2007

No, el atributo _xscale lo tienes que usar sobre un MC, por ejemplo asi:

boton1._xscale = 50;

Hace muchisimo que no lo uso asi que no estoy 100% seguro... :P
suerte!

26 abr 2007	#2
josepzin Habitacus! Fecha de Ingreso: febrero-2004 Ubicación: Carthagonova Mensajes: 4,783	Re: Carrusel y pregunta Arg! tuestasloco! :D:D:D __________________ .: Retro Planet :: Glest, juego RTS OpenSource :: Ungoliante Blog ::Diseño web :.

26 abr 2007	#3
-YeraY- Maestro -YeDaY- Fecha de Ingreso: abril-2004 Ubicación: Islas Canarias Mensajes: 2,705	Re: Carrusel y pregunta Venga Jose que es un pequeño pequeñiiisimooo reto :D ^^ si pudiera saber, que con la imagen B1size, puedo escalarla un tanto porciento (reducirla) y luedo dejarla a su tamaño original.... ^^ creo que con eso tendria ^^ __________________ mi .:Davy Jones en cgtalk:.

26 abr 2007	#4
josepzin Habitacus! Fecha de Ingreso: febrero-2004 Ubicación: Carthagonova Mensajes: 4,783	Re: Carrusel y pregunta Nada de pequeñisimo! :P Para escalar una imagen tienes la propiedad _xscale e _yscale... no se si te sirva de algo esta info... __________________ .: Retro Planet :: Glest, juego RTS OpenSource :: Ungoliante Blog ::Diseño web :.

26 abr 2007	#5
-YeraY- Maestro -YeDaY- Fecha de Ingreso: abril-2004 Ubicación: Islas Canarias Mensajes: 2,705	Re: Carrusel y pregunta Bueno, me pongo a trastear un poco, lo intento poner como var _xscale:Number = -50; var _yscale:Number = -50; voy a probarlo y luego digo si he encontrado la posible solucion ^^ __________________ mi .:Davy Jones en cgtalk:.

27 abr 2007	#6
josepzin Habitacus! Fecha de Ingreso: febrero-2004 Ubicación: Carthagonova Mensajes: 4,783	Re: Carrusel y pregunta No, el atributo _xscale lo tienes que usar sobre un MC, por ejemplo asi: boton1._xscale = 50; Hace muchisimo que no lo uso asi que no estoy 100% seguro... :P suerte! __________________ .: Retro Planet :: Glest, juego RTS OpenSource :: Ungoliante Blog ::Diseño web :.

Usuarios activos actualmente viendo este tema: 1 (0 miembros y 1 visitantes)

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
LA PREGUNTA DEL MILLÓN...LO SE, LO SE	EMADRID	Render, Iluminación y Cámaras	9	21 ene 2005 16:53
PRIMERA PREGUNTA...GOTAS DE LLUVIA... QUE AL CAER	Gerhim	Peticiones y Búsquedas	5	02 dic 2004 06:15
Otro plastoso que pregunta sobre configuraciones de Hardware	Luroc	Hardware	2	18 oct 2004 15:30