Hallo, Kali ini saya akan memposting tentang Cara Membuat Scroll Vertikal Flash Manual dengan AC2 (Action Script 2). 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. Langsung saja ke cara pertama :
1. Silahkan kalian 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 dengan klik (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 dalam scroll bisa gambar atau teks. Hingga seperti pada gambar di bawah ini.
4. Ubah semua object yang telah di buat menjadi movie clip (F8).
5. Setelah semua selesai. Klik scroll kemudian ubah nama instance namenya menjadi scroller (di menu properties). Ubah mask menjadi bound_box, Contentnya di ubah 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 pada layer "mask" kemudian pilih mask.
8. Kembali ke scane 1 kemudian klik object 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();
}
}
9. Tekan ctrl+enter pada keyboard untuk mencoba.
recource: infoilmu-riska
Sekian postingan saya kali ini tentang
Cara Membuat Scroll Vertikal Flash Manual dengan AC2. Selamat mencoba dan
Semoga Bermanfaat ^_^
