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