Membuat Scroll Vertikal Flash Manual dengan AC2

sebenarnya di dalam flash baik itu Adobe Flash maupun Macromedia sudah tersedia scrolling dari komponennya. tetapi di sini saya akan memcoba berbagi ilmu dengan sobat semua tentang membuat scrolling secara manual dengan Action Script 2.

1. silahkan Sobat buka softwarenya dulu, disini saya menggunakan Adobe Flash CS3. kemudian pilih yang Flash File (Action Script 2.0)

2. buat 1 layer di timeline dengan garis lurus berbentuk vertical. kemuadian convert menjadi movie clipt (F8). kemudian edit (klik 2 kali).
sekarang buat buat 4 layer dengan nama : scroll, garis, mask, content.

3. dalam layer scroll buat persegi kecil seukuran scroller pada umumnya, untuk layer garis buat garis biasa lurus arah vertikal dengan menggunakan line. pada layer mask buat persegi yang lebih besar , tingginya sama dengan tinggi garis scroll. sedangkan content adalah semua data yang ingin di bentuk dalm scrool bisa gambar atau teks. hingga seperti pada gambar di bawah ini

4. rubah semua abject yang telah di buat menjadi movie clip (F8)

5. setelah semua usai. klik scroll kemudian rubah nama instance namenya menjadi scroller (di meu properties).

mask rubah menjadi bound_box

contentnya di rubah menjadi content

 6. setelah itu susun objek menjadi seperti ini. object mask bertumpukan dengan content. scrool bertumpukan dengan garis berwarna hitam

7. kembali ke timeline. ubah format layer pada mask menjadi mask. dengan cara klik kanan pad layer "mask" kemudian pilih mask.

8. kembali ke scane 1 kemudian klik objeck yang sudah di gabung kemudian buka action (F9) kemudian tulis atau copy script di bawah ini

onClipEvent (load) {
diff_y = bound_box._height-scroller._height;
bounds = bound_box.getBounds(this);
top = bounds.yMin+(scroller._height/20);
bottom = bounds.yMax-(scroller._height/1);
function updateScrollbar () {
content._y = -(((scroller._y-top)/diff_y)*(content._height-bound_box._height));
}
friction = 0.90;
}
onClipEvent (mouseDown) {
if (scroller.hitTest(_root._xmouse, _root._ymouse)) {
startDrag ("scroller", false, scroller._x, top, scroller._x, bottom);
scrolling = true;
}
}
onClipEvent (mouseUp) {
stopDrag ();
scrolling = false;
}
onClipEvent (enterFrame) {
if (scrolling) {
updateScrollbar();
newY = scroller._y;
yspeed = (newY-oldY)*0.50;
oldY = newY;
done = false;
} else if (!done) {
oldypos = scroller._y;
newypos = oldypos+yspeed;
if (yspeed<-0.2 || yspeed>0.2) {
yspeed *= friction;
} else {
yspeed = 0;
done = true;
}
if (newypos<top) {
yspeed = -1*yspeed*friction;
newypos = top;
}
if (newypos>bottom) {
yspeed = -1*yspeed*friction;
newypos = bottom;
}
scroller._y = newypos;
updateScrollbar();
}
}

untuk mencoba silahkan tekan ctrl+enter pada keyboard.


selamat mencoba sobat.. :)