Mouse Etkili Dinamik Mask

admin — Fri, 29 May 2009 23:34:02 +0000

Flash çalışmamızda Mouse etkili dinamik mask efekt çalışması yapacağız. İlk olarak çalışmamızda kullanacağımız resmi hazırlayıp import edelim aynı ölçülerde çalışma sayfası açalım. Shnedeki resmi align panelden ortalayalım sahnede seçili remi F8 graphic yapalım name resim olsun. Sahnedeki graphic seçili durumda F8 movie clip yapalım name resim_mc olsun. 2.frameye keyframe ekleyelim 1 frameyi silelim.

2-Yeni layer ekleyelim layer adı çerçeve olsun içi boş dikdörtgen oluşturalım seçili durumdayken F8 graphic yapalım name çerçeve olsun.

3-Yeni layer ekleyelim layer adı buton olsun buton hazırlayalım. Buton yapımını anlatmıyorum sitede çok ders mevcut.

4-Yeni layer ekleyelim layer adı action layer olsun frame2 keyframe ekleyelim 1. Framede actions paneli açalım F9 ekli kodu ekleyelim.

function cl(component)
{
_root.gotoAndPlay(1);
trace ("photoders");
}

2.frameye gelelim actions paneli açıp stop ekleyelim.

stop ();

5-Resim_mc bg layerimize gelelim sahnede klip seçili durumda instance name:maske yazalım klip seçili durumda üzerinde sağ klik actions paneli açıp ekli kodu ekleyelim.

onClipEvent (load)
{
function drawSquare()
{
x = _root._xmouse;
y = _root._ymouse;
with (_root.square)
{
moveTo(x - 50, y - 50);
beginFill(136);
lineTo(x + 50, y - 50);
lineTo(x + 50, y + 50);
lineTo(x - 50, y + 50);
endFill();
}
}
_root.createEmptyMovieClip("square", 0);
_root.maske.setMask(_root.square);
}
onClipEvent (mouseMove)
{
drawSquare();
updateAfterEvent();
}

6-Buton laeyr üzerine gelelim sahnedeki butonu seçelim actions paneli açıp kodu ekleyelim.

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

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

Fla İndir

Bu Yazıyı Paylaşın

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 » Dynamic

Mouse Etkili Dinamik Mask

Dinamik Mask