vamos lá..
Crie um MC com a imagem da barrinha deslizante, com fotos textos ou sei lá o que!
Crie um MC e coloque o MC anterior , o da barra que vc criou, dentro e dê o nome de instância "original" para ele.
Arraste uma instância desse segundo MC criado, o que contém o mc "original", para o palco e de o nome de instância "barra" para ele.
Crie um MC vazio, com apenas um frame, e arraste uma instância dele para o palco e coloque as seguintes actions nele!
onClipEvent (enterFrame) {
posX = _root._xmouse;
mcPosX = getProperty(_root.barra,_x);
if (posX < 200) {
setProperty(_root.barra, _x, mcPosX = mcPosX + 5);
}
if ((posX > 200) and (posX <400)) {
setProperty(_root.barra, _x, mcPosX = mcPosX + 2);
}
if ((posX >400) and (posX < 600)) {
setProperty(_root.barra, _x, mcPosX = mcPosX - 2);
}
if (posX >600) {
setProperty(_root.barra, _x, mcPosX = mcPosX - 5);
}
if (mcPosX > 1110 or mcPosX < -370) {
setProperty(_root.barra, _x, 370);
}
}Altere os Valores "5" e "2" para ter uma maior, ou menor, velocidade no scroll.
Agora vá no MC instanciado como "barra" e coloque as seguintes actions
onClipEvent (enterFrame) {
posMC = getProperty(_root.stage, _x);
if (posMC > 370) {
duplicateMovieClip(_root.stage.barra, "esq", 1);
setProperty(esq, _x, -740);
} else if (posMC < 370) {
duplicateMovieClip(_root.stage.barra, "dir", 2);
setProperty(dir, _x, 740);
}
}Agora crie um novo layer no _root, e faça uma máscara para a barra.
No caso desse exemplo, o MC da barra tem 740px de largura. O princípio desse scroll infinito é o seguinte!
Temos um MC original com 740px de largura, certo? Depois que duplicarmos ele , tanto para a esquerda quanto para a direita, eles irão continuar deslizando normalmente, mas vai chegar uma hora em que o mc duplicado acabará.Ele irá deslizar e deslizar até que um dos lados acabe. Para resolver isso temos o último IF daquele script do mc vazio!
if (mcPosX > 1110 or mcPosX < -370) {
setProperty(_root.barra, _x, 370);
}Essa action iá setar a posição da barra para 370 no exato momento em que a parte duplicada chegar na posição 1110px da tela, ou -370px. Nessas posições a imagem que é exibida pela tela é a mesma que é exibida quando nosso MC está na posição 370. Agora é só vocês fazerem suas contas para adaptar esse script de acordo com a largura do seu mc.
A posição inicial dos MC's é 370,que é a metade de 740. A posição 1110 e a -370 é quando os mc's duplicados estão na posição 370. Sendo assim, quando isso acontecer temos que mandar o MC original para o 370 de novo. Depois que é feita a máscara no filme principal, o efeito que fica é de que a barra tem um scroll infinito para ambos os lados.
Pra quem não sacou ainda.. quando o quadradinho azul, ou o laranja, estiver exatamente no lugar do quadradinho verde mandaremos o quadradinho verde pro lugar dele de novo. Com isso a animação não fica tremida!
Qualquer dúvida contate-me no fórum da WMonline. http://forum.wmonline.com.br
é isso ae.. espero que gostem..
até
Pirucask8 !!
Attached Files
-
tutoscrollinfinito.fla 12KB
1059 downloads
