17 replies to this topic

[paula_faria]

oi gente, eu vi esse post em outro forun ,mas q nao foi solucionada a duvida ainda,
eu fiquei muito intrigada sobre como foi feito esse efeito
http://www.infinovation.com/

a minha ideia,
criar um mc vazio, criar um quadrado e colocar um gradientFill neh, mas e depois pra fazer esse gradiente mudar conforme o mouse?


brigada, bjs
tchau!

[DuRanG]

isso não é gradientFill, é setTransform.. exmeplo:

cor = new Color(fundo)
trans = new Object()
trans = { ra: '100', rb: '0', ga: '100', gb: '128', ba: '100', bb: '128', aa: '100', ab: '0'}
cor.setTransform(trans)

funciona igual ao advanced do color, no painel properties. os valores são r,g,b e a: vermelho, verde, azul e alfa e cada um tem a e b, que variam de 0 a 100 e -255 a 255.

[paula_faria]

nao entendi muito bem nao durang,
o q siginifica a var trans ?

e tipo, e pra ele mudar conforme o x do mouse?

brigada, bjs
tchau!

[DuRanG]

trans é o objeto que guarda as informações do rbg e alfa. pra fazer mudar conforme o mouse, tente algo +- assim:

cor = new Color(fundo_mc)
trans = new Object()
filmex = 550
onMouseMove = function() {
trans = { ra: 100*_root._xmouse/filmex, rb: '0', ga: '100', gb: '0', ba: '100', bb: '0', aa: '100', ab: '0'}
cor.setTransform(trans)
}

[paula_faria]

ixi Durang, nao deu certo nao,
eu tentei tb colocar ele dentro de um onEnterFrame e tb nao funcionou, as cores ficaram sempre as mesmas......

cor = new Color(fundo);
trans = new Object();
filmex = 550;
onMouseMove = function () {
onEnterFrame = function () { trans = {ra:100*_root._xmouse/filmex, rb:'125', ga:'100', gb:'0', ba:'100', bb:'0', aa:'100', ab:'0'};cor.setTransform(trans);};
};

pq isso?

brigada, bjs
tchau!

[paula_faria]

ah, e desculpa, mas eu nao consegui editar o post acima de novo,
tipo,
ra,rb,ga,gb,ba,bb,aa,ab q paramentros sao esses?
eu fui la no painel propriedades em advanced, e nao consegui juntar essas letras as opces la, quais sao quais?

brigada, bjs
tchau!

[DuRanG]

no exemplo que postei, quando você move o mouse pra esquerda, o vermelho da imagem vai sumindo, e quando você move pro lado direito a imagem fica normal
os com índice 'a' são os da 1ª coluna e os com índice 'b' são da 2ª coluna

[paula_faria]

ah, agora eu entendi sobre as vars em relacao ao painel advanced...hehe
brigada,
mas tipo, ainda nao funcionou o script, olha só as acoes q eu coloquei
cor = new Color(fundo);
trans = new Object();
filmex = 550;
onMouseMove = function () {
trans = {ra:100*_root._xmouse/filmex, rb:'125', ga:'100', gb:'0', ba:'100', bb:'0', aa:'100', ab:'0'};
cor.setTransform(trans);
};


sendo q a instancia dele é fundo, isso funciona no MX durang?ou apenas no MX2004?

brigada, bjs
tchau!

[DuRanG]

funciona no mx sim, acabei de testar. verifique se há vermelho no movieclip

[paula_faria]

ixi, durang, o q sera entao?
eu criei um movie Clip, branco, apenas branco, com o preenchimento e as bordas brancas e nao funcionou, tentei trocar as cores deles, mas tb nao funcionou, o q pode ser isso?

brigada, bjs
tchau!

[DuRanG]

cor = new Color(fundo);
trans = new Object();
filmex = 550;
onMouseMove = function () {
trans = {ra:'100', rb:510*(_root._xmouse/filmex)-255, ga:'100', gb:'0', ba:'100', bb:'0', aa:'100', ab:'0'};
cor.setTransform(trans);
};

[paula_faria]

Durang!!!!

agora funcionou perfeitamente!!!!!!!!hehehe...
brigadinha mesmo!

e tipo, tem jeito de fazer com duas cores? tipo o do exemplo?


brigada, bjs
tchau!

[seemann]

aqui os outros exemplos do durang tbm funcionram perfeitamente.....teste assim....faça um mc com varias cores....

e use isto

cor = new Color(fundo);
trans = new Object();
filmex = 550;
onMouseMove = function () {
trans = {ra:100*_root._ymouse/filmex, rb:510*(_root._xmouse/filmex)-255, ga:'100', gb:'0', ba:'100', bb:'0', aa:'100', ab:'0'};
cor.setTransform(trans);
};


esse vai mudar tbm dependendo do y do mouse, mas isto é so vc mudar ae, e tbm teste em todos pra ver como vc quer q fique....pode ser um gradiente tbm q ira mudar as cores...qq coisa poste ae...flw

[X3ker]

desculpem , mas aonde se deve inserir esse codigo ?

acho que se justificava um mini-tuturial sobre isto para os mais massaros .

[DuRanG]

crie um movieclip chamado fundo e coloque a ação no quadro onde tem o movieclip