..:: MX Studio Fóruns ::..: Efeito fodástico - ..:: 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

Efeito fodástico Alguem sabe como fazer o efeito do Site Havaianas?

#1 User is offline   ##Ramones -- Cunha## 

  • Group: Membros
  • Posts: 16
  • Joined: 24-March 08

  Posted 04 June 2008 - 12:51 PM

Boa tarde galera do MX Studio...
Gostaria que alguem me ajudasse com um efeito...
Sabe, Tem ele no site Havaianas, mas não tido o site, apenas a perte que constroi as imagens, tipo uma árvore crescendo...
Se alguem souber como me ajudar ocm isso ficarei agradecido!!

HAVAIANAS

Tenham todos uma ótima tarde e um ótimo meio de semana!

0

#2 User is offline   ##Ramones -- Cunha## 

  • Group: Membros
  • Posts: 16
  • Joined: 24-March 08

  Posted 05 June 2008 - 10:29 AM

Bom...
Cinguem pode me ajudar eu trago pelomenos boas notícias de queconsegui achar o efeito...
Só tô com dificuldade em desenvolver ele... pois não sou muito bom em "decompilar" ActionScript...
Então se alguem puder me ajudar com esse código...
Ajudaria pra caramba...


QUOTE

Para criar o arquivo é simles...
Abra um novo arquivo no Flash(MX, 8, ou o que você tiver disponível, estou usando o CS3)
Salte um Frame e no segundo frame cole este código...

CÓDIGO
import flash.filters.*;
import flash.display.BitmapData;
import flash.geom.*;
stop();
var bmp:BitmapData = new BitmapData(550, 400, false, 0xFFFFFFFF);
_root.createEmptyMovieClip("bmpcontainer", 1);
bmpcontainer.attachBitmap(bmp, 1);
d = 2;
drawstack = [];
function DrawTentacle(x, y, a, l, w) {
    d++;
    var mc = _root.createEmptyMovieClip("mc"+d, d);
    mc.w = w;
    mc.x = mc.x1=x;
    mc.y = mc.y1=y;
    mc.l = l;
    mc.a = a;
    mc.t = 0;
    mc.dl = 0;
    mc.dr = (Math.random()-.5)*10;
    mc.dt = .01+Math.random()/2;
    mc.color = new Color(mc);
    mc.moveTo(x, y);
    var ds = new DropShadowFilter(4, 45, 0, 50, 5, 5, .4, 2, false, false, false);
    mc.filters = [ds];
    mc.onEnterFrame = function() {
        this.t += this.dt;
        this.x += 3*Math.cos(this.a+Math.sin(this.t));
        this.y += 3*Math.sin(this.a+Math.sin(this.t));
        this.dl += 3;
        this.w2 = this.w*(1-this.dl/this.l);
        var r = Math.floor(255/Math.max(1, this.dl/25));
        var g = 128-r/2;
        var b = Math.floor(128+r/2);
        this.lineStyle(this.w2, r << 16 | g << 8 | b, 100);
        this.lineTo(this.x, this.y);
        if (this.dl>this.l/2-3 && this.dl<this.l/2+3 && this.w2>3) {
            done = true;
            drawstack.push([this.x, this.y, Math.random()*(Math.PI*2), this.l*(.6+Math.random()*.4), this.w*.7]);
        }
        if (this.dl>this.l) {
            bmp.draw(this);
            this.removeMovieClip();
            this.onEnterFrame = null;
        }
    };
    return mc;
}
DrawTentacle(275, 200, Math.random()*(2*Math.PI), 150, 30);
for (var y = 0; y<400; y += 400/15) {
    DrawTentacle(275, y, Math.random()*(2*Math.PI), 75+random(200), 20+random(25));
}
onEnterFrame = function () {
    if (done) {
        p = drawstack.shift();
        DrawTentacle(p[0], p[1], p[2], p[3], p[4]);
        done = false;
    }
};
onMouseDown = function () {
    gotoAndPlay(1);
};


Dê Ctrl+Enter e veja o resultado...


Simples não?
Mas eu preciso modificar isso aí...
Como eu faço?

Se alguem entender o código e quizer ou puder me ajudar... seria muito interessante.

Muitíssimo obrigado a quem leu, espero que tenham gostado da sugestão e que esse código ajude alguem que tambem precise!!!

Até breve!!!

0

#3 User is offline   RONYTORRES 

  • Group: Moderadores
  • Posts: 385
  • Joined: 07-December 06

Posted 05 June 2008 - 05:55 PM

Cara, o que vc deseja modificar? Talvez você falando o que quer modificar alguém pode te ajudar!
0

#4 User is offline   ##Ramones -- Cunha## 

  • Group: Membros
  • Posts: 16
  • Joined: 24-March 08

  Posted 05 June 2008 - 07:07 PM

Bom... eu achei que tinha sido claro...
Eu não sou muito bom em Action Script... Preciso entender toodo o código pra alterar entende...
Principalmente por que pretendo usar esse efeito futuramente....
Então se não for pedir muito... Alguem aí poderia me ajudar?

0

#5 User is offline   Natan 

  • Group: Moderador Global
  • Posts: 7350
  • Joined: 28-February 04

Posted 05 June 2008 - 09:23 PM

Dá uma olhada nesse tópico, tem um outro código mas deve funcionar da mesma maneira.

http://www.mxstudio.com.br/forum/index.php?showtopic=15258

[]s
0

#6 User is offline   ##Ramones -- Cunha## 

  • Group: Membros
  • Posts: 16
  • Joined: 24-March 08

Posted 06 June 2008 - 09:55 AM

Hum... Muito obrigado mesmo pela boa vontade...
Mas não é o efeito de navegação que eu procuro...
É o efeito de márcara saca...


0

#7 User is offline   ##Ramones -- Cunha## 

  • Group: Membros
  • Posts: 16
  • Joined: 24-March 08

  Posted 06 June 2008 - 10:45 AM

Hum... Muito obrigado mesmo pela boa vontade...
Mas não é o efeito de navegação que eu procuro...
É o efeito de márcara saca...
O que fica criando os objetos...
O turtorial que eu fiz ali em ciam mostra perfeitamente o que eu quero...
Só que eu não sou muito bom em ActionScript(Estou aprendendo agora) e preciso de alguem que me ajude para que eu consiga criar esses objetos AQUI...

A ideia é o seguinte...
Eu tenho que criar um banner Topo para uma rádio... e essa a ideia é ele parecer com o site Havaianas como vocês podem ver no desenho...
Mas eu nçao quero que alguem faça pra mim... eu quero aprender a fazer, Por que assim eu não vou precisar pagar alguem toda vez que eu precisar desse efeito entende...

Se alguem souber de um tutorial, ou de um código comentado... eu tõ tentando entender esse aí...
Até que tá saindo alguma coisa... mas se alguem pudesse me ajudar...

0

#8 User is offline   Natan 

  • Group: Moderador Global
  • Posts: 7350
  • Joined: 28-February 04

Posted 07 June 2008 - 10:23 PM

Esse estilo de animação pode ser feito usando animação quadro a quadro, motion tween ou shape tween. Animar via ActionScript é limitado, esse site eu tenho certeza que não usou ActionScript.

Outro tipo de animação que pode ter cido usado no site é animação usando máscaras, dando aquele efeito legal que você viu. No portal do MXStudio tem um tutorial mostrando como fazer isso.

http://www.mxstudio.com.br/flash/usando_mo..._como_mascaras/

[]s
0

Share this topic:


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



Publicidade




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