..:: MX Studio Fóruns ::..: Animação pelo Mouse - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade

ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Animação pelo Mouse Combinando 4 características diferentes

#1 User is offline   atoyansk 

  • Group: Membros
  • Posts: 36
  • Joined: 16-June 04

Posted 25 June 2004 - 12:23 PM

Boas, galera!!!

Como fazer uma animação igual ao do site http://www.thelinear.com ?
Notem que nesta animação, os elementos se posicionam contrários ao mouse, com velocidades diferentes (para dar idéia de perspectiva), com uma pequena atenuação no movimento, e param quando o mouse pára de se movimentar.
O que não estou conseguindo é um código que combine as 4 características num MC... Alguém saberia como me ajudar???

Agradeço desde já as respostas.

Airton Toyansk.


0

#2 User is offline   DuRanG 

  • Group: Membros
  • Posts: 380
  • Joined: 09-January 04

Posted 25 June 2004 - 03:35 PM

tente algo +- assim:
CODE
movieclip = [mc1,mc2,mc3] //nome de instância dos movieclips, do mais rápido ao mais lento
for(var a=0; a<3; a++) {
m = movieclip[a]
m.v = (a+1)*2
m.onEnterFrame = function() {this._x -= distancia/this.v}
}
onMouseMove = function() {
distancia = 5*(_xmouse-xantigo)
xantigo = _xmouse
}
onEnterFrame = function() {distancia *= .97}

0

#3 User is offline   atoyansk 

  • Group: Membros
  • Posts: 36
  • Joined: 16-June 04

Posted 25 June 2004 - 07:06 PM

Cara, é quase isso! O único problema que encontrei é que os objetos saem do stage... Vc sabe como delimitar um espaço para cada um, evitando que isso ocorra?

Valeu pela ajuda até agora!!!

Airton Toyansk.
0

#4 User is offline   DuRanG 

  • Group: Membros
  • Posts: 380
  • Joined: 09-January 04

Posted 25 June 2004 - 08:41 PM

CODE
movieclip = [mc1,mc2,mc3]
for(var a=0; a<3; a++) {
m = movieclip[a]
m.v = (a+1)*2
m.onEnterFrame = function() {
if(this._x<0 && this._x >-this._width) {
this._x -= distancia/this.v
} else if(this._x>0) {
this._x = 1
} else if(this._x<-this._width) {
this._x = -this._width+1
}
}
}
onMouseMove = function() {
distancia = 5*(_xmouse-xantigo)
xantigo = _xmouse
}
onEnterFrame = function() {distancia *= .97}

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Similar Topics Collapse

  Topic Forum Started By Stats Last Post Info
New Replies Girl From the hell
pf avaliem esta animação... 		Galeria de Criação huili 
  • 0 Replies
  • 1008 Views
New Replies Computador e lápis são aliados para fazer animação Notícias Notícias 
  • 0 Replies
  • 281 Views
New Replies Animação de Sprites
Bem fácil! 		Photoshop & Image Ready Drogastv 
  • 1 Reply
  • 2463 Views
New Replies Restaurante inova e aceita reservas pelo Facebook Notícias Notícias 
  • 0 Replies
  • 79 Views
New Replies Símbolo do Botafogo
Como criar totalmente pelo Fireworks 		Tutoriais e Artigos fmarassatto 
  • 2 Replies
  • 7249 Views
New Replies Conexão com o BD pelo Dreamweaver.
Problema em criar a conexão com BD 		Dreamweaver playbah 
  • 6 Replies
  • 4093 Views
New Replies Merkel defende propriedade intelectual e rejeita oferta de livros pelo Google Notícias Notícias 
  • 0 Replies
  • 65 Views
New Replies Aprenda a editar textos capturados pelo scanner Notícias Notícias 
  • 0 Replies
  • 213 Views

Publicidade

1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)