Scrolling Background Jika Keyboard Di Tekan

12
Nov

Scrolling Background Jika Keyboard Di Tekan

Written by admin

Kali ini kita akan memodifikasi tutorial scrolling background dengan motion tween. Kita akan membuat background bergerak hanya jika tombol panah kanan/kiri pada keyboard ditekan.

1. Bukalah fla dari tutorial scrolling background dengan motion tween.

2. Tekan tombol insert layer pada timeline sehingga akan muncul layer baru bernama Layer 2. Klik frame 1 Layer 2 kemudian buatlah sebuah lingkaran kecil berwarna kuning dengan hitam sebagai warna garisnya.

3. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan pemain sebagai name dan movie clip sebagai type lalu tekan ok.

4. Seleksi movie clip pemain di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan pemain sebagai instance name. Letakkan movie clip pemain ini pada stage bagian kiri atas.

5. Klik frame 1 Layer 2 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

//membuat variable kecepatan dengan nilai 2
kecepatan = 2;
//membuat variable angka dengan nilai 1
angka = 1;
//perintah yang dijalankan jika frame pada movie clip pemain dimainkan
pemain.onEnterFrame = function() {
	//jika tombol panah kiri pada keyboard ditekan
	if (Key.isDown(Key.LEFT)) {
		//koordinat x movie clip ini dikurangi nilai variable kecepatan
		this._x -= kecepatan;
		//nilai variable angka dikurangi 1
		angka--;
		//jika nilai variable angka kurang dari 1
		if (angka<1) {
			//ubah nilai variable angka menjadi jumlah frame pada timeline scene 1
			angka = _totalframes;
		}
	}
	//jika tombol panah kanan pada keyboard ditekan     
	if (Key.isDown(Key.RIGHT)) {
		//koordinat x movie clip ini ditambah nilai variable kecepatan
		this._x += kecepatan;
		//nilai variable angka ditambah 1
		angka++;
		//jika nilai variable angka lebih dari jumlah frame pada timeline scene 1
		if (angka>_totalframes) {
			//ubah nilai variable angka menjadi 1
			angka = 1;
		}
	}
	//jika tombol panah atas pada keyboard ditekan    
	if (Key.isDown(Key.UP)) {
		//koordinat y movie clip ini dikurangi nilai variable kecepatan
		this._y -= kecepatan;
	}
	//jika tombol panah bawah pada keyboard ditekan    
	if (Key.isDown(Key.DOWN)) {
		//koordinat y movie clip ini ditambah nilai variable kecepatan
		this._y += kecepatan;
	}
	//mainkan frame pada scene 1 sesuai nilai pada variable angka  
	gotoAndStop(angka);
};

6. Tekan Ctrl+Enter untuk melihat hasilnya.

7. Tekan tombol panah kanan/kiri untuk menggerakkan pemain dan bakground ke kanan/ke kiri. Tekan tombol panah atas/bawah untuk menggerakkan pemain ke atas/ke bawah.

Sourcenya dapat di download di sini

Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash

Posted in Flash - Animasi

24 Responses to “Scrolling Background Jika Keyboard Di Tekan”

rizha Says:
November 14th, 2009 at 00:56
om ini smua tutor nya pake macromedia flash ape adobe flash,coz scriptnya beda
admin Says:
November 14th, 2009 at 16:22
Iya pake macromedia flash 8 semuanya. Walaupun anda pake Adobe Flash CS3/CS4 asalkan pake actionscript 2, scriptnya masih sama kok dan tutorial di Warung Flash ini masih bisa dijalankan/dicoba
rizha Says:
November 15th, 2009 at 23:28
ouw mksih bnyak nie om admin sangat membantu nie,kami tunggu info yg barunya
jimmy Says:
November 19th, 2009 at 10:36
om. .

koq itu fla nya kan dah saya upload..

tapi ad warning “UNEXPECTED FILE FORMAT”

maksudnya apa tuh ya ??
(maaf msh newbie) b-( b-(
agam Says:
November 19th, 2009 at 13:17
kool < )
admin Says:
November 20th, 2009 at 12:14
@jimmy
Maksud anda membuka/open file fla di flash? Kalau ya, itu berarti anda menggunakan flash yang versinya lebih rendah dari file fla yang anda buka. Misalnya fla yang ada di sini kami simpan dengan menggunakan flash 8, kalau anda membukanya dengan flash mx atau flash mx 2004 maka akan muncul tulisan “UNEXPECTED FILE FORMAT”. Tapi kalau anda buka dengan flash 8 atau lebih tinggi maka fla tersebut dapat dibuka.

@agam
Thanks
iwonk Says:
December 29th, 2009 at 05:40
bro, makasih lho apa yang sdh bro buat ini banyak manfaatnya bagi newbi kaya aku. cuma yg jadi pertanyaan kalo antara pemain n background terjadi benturan scriptnya gmn ya?
admin Says:
December 30th, 2009 at 03:14
Pake script hitTest.
http://warungflash.com/2009/03/hittest/
yusuf widagdo Says:
February 15th, 2010 at 13:38
eh…
q minta contoh animasi po’o terserah.oke brow
admin Says:
February 15th, 2010 at 16:39
Maksudnya?
away Says:
March 3rd, 2010 at 12:00
omh..saya mo nanya nh cara wat GAME d falsh 8 gmn sh..makasih..
^_^
admin Says:
March 4th, 2010 at 05:34
Beberapa tutorial membuat game dapat anda lihat di Warung Flash.
http://warungflash.com/category/flash-kerangka-game/
http://warungflash.com/category/flash-game-komplit/
imron Says:
March 4th, 2010 at 09:56
om tanya:
pemainya itukan kena gaya grafitasi tuh om, otomatis pas dia up, dia kebawah. itu gmn script nya ya om?
om punya link yang berkaitan dengan cara pembuatan game ini gk om
admin Says:
March 6th, 2010 at 06:23
Coba buka link berikut : http://warungflash.com/2009/03/dasar-game-fighting/
intruder Says:
April 13th, 2010 at 08:00
Bang. Gmna biar pemainnya tidak bisa jalan melebihi background.

maksudnya di batasi biyar ga ilang dari layar ?
rais Says:
August 3rd, 2010 at 19:56
terima kasih mas…nama nya siapa neh…

sya sangat terbantu dengan web…ini lah cita cita saya, belajar membuat game dari flash…

kenalkan nama saya rais, slam dari palembang…

sangat membantu saya dalam mengajar flash cs3….
admin Says:
August 9th, 2010 at 08:09
Namanya Warung Flash
Salam kenal juga dari kami.
Silahkan berkunjung kembali.
mas jack brown Says:
October 8th, 2010 at 10:57
busset….bagus bgt nie web….i like it. Moga tetap semangat n berkarya boz…salam kenal by jack brown (kota solo);

BTw mau nanya nie boz:
aku mau buat game pesawat, n ntar ada icon buat mengambil bonus, n jika bonus itu diambil, maka kita disuguhkan soal2 tentang bahasa inggris, jika bisa menjawab benar maka bonus didapatkan, tapi kalo salah bonus tidak bisa didapatkan. BTW scriptnya gimana ya?? bingung….mf bgt newbie…….thakns bgt sblumnya..
putri Says:
January 17th, 2011 at 12:55
wwiiiiiiiiihh tutorialnya sangadt membantu … =D>
Barda Says:
January 31st, 2011 at 18:00
Bang admin,, gmn yah jalanin movie clip sesuai dengan suara
Raka Says:
February 11th, 2011 at 14:19
susah bgt, pak admin, pake Flash 8,, huhuhuhu, ada solusi,
bayu-uyabh Says:
June 5th, 2011 at 11:14
mas……bisa di tunjukin gak bagaimana cara membuat film kartun..

kalo bisa di buatin tutorialnya ya……

makasih….
abdi Says:
May 29th, 2012 at 17:20
mas, terimakasih tutorialnya sangat membantu… trus, saya coba tambah tombol di dalam MClip gedung yg merah itu, tombol itu ngelink ke tempat lain. Tapi, kenapa tombol itu munculnya gak “semulus” gedungnya… terlihat terkesan terputus… gimana ngakalinnya ya ? Tks
vie,. Says:
September 30th, 2012 at 19:04
web ini WAW bngt,,,,,,,,,,,,,
slam kenl dr vivi,,,, 8-> (Kota Probolinggo)
bang admin, gmn yaCh bwt animasi lirik lagu,,,,,???

Moon bntuan ya bang admin,,,

Terima Kasih,

Warung Flash

Pages