Dinamik Mask

admin — Fri, 29 May 2009 14:14:43 +0000

Flash dersimizde uygulayacağımız dinamik mask çalışmamız web sitelerinde logo olarak kullanabilir. Çalışmamızda kullanacağımız resmimizi hazırlayalım resmimizin ölçülerinde yeni bir flash çalışma sayfası açalım. Resmi Align panelinden sahneye ortalayalım seçili durumda F8 graphic yapalım.

2-Shnede graphic seçili durumda tekrar F8 movie clip yapalım name olarak klip yazalım. Sahneyi boşaltalım kütüphanede graphic ve movie clip mevcut durumda.
3-Sahneye Rectangle Tool aracı ile içi boş dış çizgisi olan dikdörtgen oluşturalım px olarak resmimizin pixels değerinde olsun. Sahnedeki çerçeve seçili durumda F8 grpahic yapalım. Layer adını çerçeve yapalım

4-Yeni layer ekleyelim layer adı bg olsun çerçeve layerin altına alalım 1. Frameyi boş bırakıp 2.frameye keyframe ekleyelim. Kütüphaneden klip alarak 2.frameye ekleyelim.

5-Yeni layer ekleyelim layer adı buton olsun kendimiz bir buton hazırlayalım buton yapmayı anlatmıyorum örnek resim.

6- Yeni layer ekleyelim layer adı action layer olsun 2.frameye keyframe ekleyelim actions paneli açalım stop ekleyelim.

stop();

7-Bg layererde ekli resim movie klibi seçelim sağ klik actions paneli açalım kodu ekleyelim.

onClipEvent (load)
{
function drawSquare(x, y)
{
with (_root.mask)
{
moveTo(x, y);
beginFill(136);
lineTo(x + 5, y);
lineTo(x + 5, y + 5);
lineTo(x, y + 5);
endFill();
}
}
numY = 26;
numX = 120;
numPerFrame = 12;
currSquare = 0;
choices = new Array();
for (i = 0; i < numX * numY; i++)
{
choices.push(i);
}
_root.createEmptyMovieClip("mask", 0);
this.setMask(_root.mask);
}
onClipEvent (enterFrame)
{
if (currSquare < numX * numY)
{
for (i = 0; i < numPerFrame; i++)
{
j = random(choices.length);
t = choices[j];
choices[j] = choices[choices.length - 1];
choices.pop();
x = t % numX;
y = Math.floor(t / numX);
drawSquare(x * 5, y * 5);
}
currSquare = currSquare + numPerFrame;
this._alpha = currSquare / (numX * numY) * 100;
}
}

8-Butonu seçelim sağ klik ekli kodu ekleyelim

on (release)
{
_root.gotoAndPlay(1);
_root.mask.clear();
}

9-Çalışmamız sona erdi sahnedeki görüntümüz layer penceremizin son hali.

Çalışmamızı test edelim Ctrl+enter

Fla İndir

Bu Yazıyı Paylaşın

photoders » Dinamik Mask

Dinamik Mask