21
Apr

Gerakan elastis objek

Written by admin


Hasil yang akan kita peroleh melalu tutorial ini berupa sebuah objek yang koordinat x dan y nya akan berada di x dan y mouse apabila mouse ditekan serta akan kembali ketempat semula apabila tekanan pada mouse dilepaskan.

1. Buatlah sebuah flash document.a

2. Buatlah sebuah lingkaran. Seleksi lingkaran tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan lingkaran sebagai name dan movie clip sebagai type lalu tekan ok.

3. Seleksi movie clip lingkaran di stage dan Ctrl+F3. Pada panel properties yang muncul masukkan lingkaran di dalam kotak instance name.

4. Klik frame 1 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
//membuat variable targetX dengan nilai koordinat x awal lingkaran
targetX = lingkaran._x;
//membuat variable targetY dengan nilai koordinat y awal lingkaran
targetY = lingkaran._y;
//membuat variable kecepatanX dengan nilai 0
kecepatanX = 0;
//membuat variable kecepatanY dengan nilai 0
kecepatanY = 0;
//membuat variable gerak dengan nilai 1
gerak = 1;
//membuat variable kecepatan dengan nilai 10
kecepatan = 10;
//membuat variable perlambat dengan nilai 1.2
perlambat = 1.2;
lingkaran.onEnterFrame = function() {
	//jika variable gerak bernilai 1
	if (gerak == 1) {
		//posisi x movie clip ini ditambah nilai kecepatanX
		this._x += kecepatanX;
		//posisi y movie clip ini ditambah nilai kecepatanY
		this._y += kecepatanY;
		//menghitung nilai kecepatanX dan kecepatanY
		kecepatanX += (targetX-this._x)/kecepatan;
		kecepatanY += (targetY-this._y)/kecepatan;
		//kecepatanX dan kecepatanY dibagi perlambat
		kecepatanX /= perlambat;
		kecepatanY /= perlambat;
	}
	//jika variable gerak bernilai 2
	if (gerak == 2) {
		//posisi x movie clip ini sama dengan posisi x kursor mouse
		this._x = _root._xmouse;
		//posisi y movie clip ini sama dengan posisi y kursor mouse
		this._y = _root._ymouse;
		//nilai kecepatanX diubah menjadi 0
		kecepatanX = 0;
		//nilai kecepatanY diubah menjadi 0
		kecepatanY = 0;
	}
};
//ketika mouse ditekan
onMouseDown = function () {
	//ubah nilai variable gerak menjadi 2
	gerak = 2;
};
//ketika mouse tidak ditekan
onMouseUp = function () {
	//ubah nilai variable gerak menjadi 1
	gerak = 1;
};

5. Tekan Ctrl+Enter untuk melihat hasilnya.

Klik mouse disembarang tempat lalu lepaskan

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



Bookmark and Share

9 Responses to “Gerakan elastis objek”

  1. david Says:

    mas tnya nich…!!
    kalo mau nagasih elastis tween pada mouse over itu gMn..??
    kalo yang di atas itu kan di click , ini buat yg mouse over agar lebih smooth saat baliknya…..!!
    dah 3 mlem nich belum kelar2.. ~x(
    tlong di bantu ya mas….!! :hope:

  2. admin Says:

    Maksudnya seperti ini bukan : http://warungflash.com/wp-content/uploads/2009/04/tm2.swf :-/

  3. david Says:

    IYA BOSSS…… :respect:
    CCARNYA MANA. YA…??

  4. admin Says:

    Caranya menyusul, ini memastikan dulu benar atau tidak :D

  5. david Says:

    ada tank di depan rumah si ayu…..
    TANK U…… heheheh :D

  6. admin Says:

    Si ayu harus diperingatkan! Jangan sampai rumahnya terlindas tank :peace:

  7. admin Says:

    Tutorialnya bisa di lihat di sini : http://warungflash.com/2009/04/variasi-tombol/

  8. Sopyan Says:

    Alhamdulillah,,, saya baru mau belajar flash,,, eh ketemu website keren kaya gini…. :yeye:

    mas Admin saya mau belajar animasinya, kaya buat kartun animasi gitu, mas bisa kasih tutorial nya ga? kalo bisa dari dasar… ;)

    makasih sebelumnya…. =D> =D>

  9. yudimoro Says:

    Gimana caranya drag apabila ditarik maka dikuti oleh sebuah garis tolong bantuannya :((

Leave a Reply

B-) =DV <:-P ;)) ;) :yeye: :respect: :peace: :p :idea: :hope: :I: :D :-SS :-? :-/ :)) :) :(( 8-> more »

Komentar yang berisi pertanyaan atau request tutorial kemungkinan besar tidak bisa kami jawab dan penuhi. Hal ini dikarenakan kesibukan kami yang padat . Oleh karena itu kami mohon maaf dan pengertiannya.