Membuat animasi revolusi bulan mengelilingi bumi dengan mengatur jarak antara bumi dan bulan menggunakan input box. Objek Bulan akan berputar mengelilingi Bumi secara terus menerus sesuai arah putaran NIM dengan menggunakan fungsi matematika tanpa manual motion.
1 of 14
More Related Content
Laporan pratikum v mulmet
1. LAPORAN PRATIKUM V
MATH CLASS ACTION SCRIPT 2.0
Disusun untuk Memenuhi Matakuliah Praktikum Multimedia
Yang Dibimbing oleh Bapak I Made Wirawan
Oleh:
GISRA RAHMADHITA
130533608259
S1 PTI13 Offering B
UNIVERSITAS NEGERI MALANG
FAKULTAS TEKNIK
JURUSAN TEKNIK ELEKTRO
S1 PENDIDIKAN TEKNIK INFORMATIKA
MARET 2015
2. MODUL XI
MATH CLASS ACTION SCRIPT 2.0
A. KOMPETENSI DASAR
Memahami dan menerapkan fungsi matematika AS 2.0 untuk membuat
objek dan grafik trigonometri
Menerapkan fungsi matematika AS 2.0 untuk membuat animasi gerak
objek.
B. ALOKASI WAKTU
2 JS (2x50 menit)
C. PETUNJUK
Awali setiap aktivitas dengan doa, semoga berkah dan mendapat kemudahan.
Pahami Tujuan, dasar teori, dan latihan-latihan praktikum dengan baik dan benar.
Kerjakan tugas-tugas dengan baik, sabar, dan jujur.
Tanyakan kepada asisten/dosen apabila ada hal-hal yang kurang jelas.
D. DASAR TEORI
1. Math Class
Math Class adalah kumpulan math function/ fungsi matematika yang
disediakan oleh Flash. Berikut penjelasan beberapa fungsi matematika yang ada
pada flash beserta cara penulisannya.
Math.round(); Digunakan untuk membulatkan bilangan yang didefinisikan atau
diberikan menuju pembulatan terdekat.
Math.ceil(); Digunakan untuk membulatkan bilangan keatas pada bilangan bulat
terdekat.
Math.floor(); Digunakan untuk membulatkan bilangan kebawah pada bilangan bulat
terdekat.
Math.min (); Digunakan untuk menentukan nilai bilangan terkecil dari nilai awal.
Math.max(); Digunakan untuk menentukan bilangan terbesar suatu variable.
Math.abs(); Digunakan untuk menentukan nilai absolut suatu variable.
Math.cos (); Digunakan untuk menghitung nilai cosinus dari sudut tertentu dalam
radian.
Math.sin (); Digunakan untuk menghitung nilai sinus dari sudut tertentu dalam radian.
Math.tan(); Digunakan untuk menghitung nilai tangen dari sudut tertentu dalam radian.
Math.exp(); Digunakan untuk menghitung nilai eksponen dari suatu variable tertentu.
Math.log(); Digunakan untuk menghitung nilai logaritma dari suatu variable tertentu.
Math.pow(); Digunakan untuk menghitung nilai kuadrat dari suatu variable tertentu.
Math.random(); Digunakan untuk menghitung nilai random dari variable tertentu.
Math.sqrt(); Digunakan untuk menghitung nilai akar dari suatu variable tertentu.
2. Membuat Objek dengan Fungsi Matematika
Langkah-langkah membuat objek :
1) Buat objek baru dengan memilih New >> ActionScript 2.0.
2) Buat layer dengan nama Lingkaran.
3) Masukan script berikut ke keyframe 1 layer lingkaran:
3. .
Berikut penjelasannya:
lineStyle(3, 0xff0000); adalah untuk mengatur ketebalan garis sebesar 3, dan
warna garis adalah merah.
moveTo(x, y); adalah untuk mengatur titik koordinat awal dari garis yang akan
dibuat, yaitu pada koordinat x= dan
y=
lineTo(x+1, y); adalah untuk meletakkan titik-titik pada koordinat x dan y
sehingga akan ditarik garis antara titik titik tersebut untuk membentuk sebuah
lingkaran.
3. Membuat Grafik dengan Memanfaatkan Fungsi Matematika dan
Duplicate Objek
Grafik yang akan dibuat adalah grafik Trigonometri yang memanfaatkan math
class trigonometri seperti Sin, Cos, dan Tan. Contoh di bawah adalah membuat grafik
Sinus. Untuk menghasilkan suatu nilai sinus, fungsi yang digunakan adalah fungsi sin,
contoh cara penulisannya sebagai berikut:
y = sin(90O)
Karena nilai yang dihitung oleh fungsi ini berbentuk radian maka nilai sudut harus diubah
ke nilai radian agar menghasilkan nilai yang sesuai (terkecuali jika memang nilai yang
akan dihitung dalam bentuk radian)
Rumus konversi sudut ke radian:
Radian = sudut * / 180O
Untuk mendapatkan nilai yang akurat dapat digunakan fungsi PI dari Math.
Class.
Sehingga rumus y = sin(90O) ditulis dalam Script menjadi:
Y = Math.sin(90 * Math.PI / 180);
4. Sebelum membuat grafik trigonometri harus dipahami terlebih dahulu apa itu
duplicateMovieClip. Duplicate Movie adalah penduplikasian suatu objek atau sama
halnya dengan copy-paste object/ symbol.
E. Pra Latihan 1
Membuat Grafik Sinus
Langkah-Langkah
a. Buat objek baru dengan memilih New >> ActionScript 2.0.
b. Persiapkan 3 layer yaitu layer AS, Objek, dan Garis Koordinat.
c. Pada layer objek buatlah objek lingkaran menggunakan elips tool dengan ukuran
2px, beri nama instance name grafik.
d. Kemudian buat garis koordinat menggunakan line tool pada layer grs_koor.
Gambar sumbu x pada koordinat y = 200; da n membu a t garis sumbu y pada
koordinat x = 50.
e. Masukan Script berikut pada layer AS untuk membuat grafik sinus.
5. f. Setelah selesai, lihat hasilnya (CTRL+Enter).
Penjelasan
Fungsi sinus dapat dibuat dengan menerapkan fungsi matematika cosinus dalam
action script 2 dan dilakukan duplikasi objek sehingga dapat dibuat sebuah fungsi sinus
dengan memasukkan fungsi sinus dengan menggunakan perulangan untuk membentuk
sebuah kurva sinus seperti pada hasil di atas.
Pra Latihan 2
Membuat Simulasi Luas & Kelililng Persegi Panjang
Langkah-Langkah
a. Bukalah flash dokumen ActionScript 2.0 dengan ukuran stage 800x600 pixels
dengan FPS(Frame Per Second) 20.
b. Buar beberapa teks dan garis dengan menggunakan static text dan line tool seperti
gambar berikut:
c. Buat 2 teks tool dengan input text, kemudian beri nama variable pada setiap input
text dan tempatkan sesuai gambar berikut
d. Buat 2 teks tool dengan Dynamic text dan tempatkan sesuai gambar
6. e. Buat sebuah kotak berwarna dengan menggunakan Rectangle Tool.
f. Kemudian ubah kotak berwarna tersebut menjadi movie clip dan beri nama
instance name persegi
g. Buat seb uah tombol dengan menekan toolbar Window Common Libraries -
Button . Dan beri nama instance name hitung. Pilih salah satu dari pilihan tombol
tersebut. Dan atur penempatan sesuai gambar berikut.
h. Buat layer baru dengan nama ActionScript. Klik kanan frame 1 pada layer
tersebut dan pilih Actions. Beri actionscript seperti berikut:
7. Penjelasan
Operasi aritmatika penghitungan luas dan keliling dari suatu bangun datar dapat
disimulasikan dengan menggunakan action script dengan memanggil fungsi matematika di
dalam action script yang dijalankan. Dalam action script yang telah dibuat di atas terdapat
fungsi yang dapat dipanggil secara berulang-ulang yaitu rumus sehingga nilai dari panjang
dan lebar dapat diubah sesuai dengan kondisi dari penghitungan.
F. Latihan
Latihan 1
Buatlah kalkulator sederhana dengan memanfaatkan operator dan fungsi matematika pada
math class minimal masing-masing 4 macam.
Langkah-Langkah
a. Membuat flash document baru
b. Membuat layer pada Flash dengan nama background dan Button seperti
pada gambar berikut:
c. Tambahkanlah text box dan buatlah button operasi penginputan operand
dan operator dalam kalkulator
d. Buat layer AS kemudian letakkan action script berikut pada layer AS.
e. Jalankan dan lihat hasilnya
8. Penjelasan
Dengan menggunakan adobe flash dapat dibuat sebuah kalkulator standar yang
dapat digunakan oleh user dalam proses penghitungan. Dalam pembuatannya dilakukan
interaksi ketika user menekan tombol maka tombol tersebut akan melakukan fungsi
tertentu dengan menggunakan onRelease untuk menangkap operasi penghitungannya dan
melakukan penghitungan standar dalam flash.
3.2 Latihan 2
Buatlah grafik animasi grafik sinus, cosinus, dan tangen. Dengan ketentuan:
Grafik bergerak dari koordinat 0 (pada sumbu koordinat) dan berakhir pada koordinat
360
Warna grafik 3 kali 5 angka terakhir NIM, dan tinggi grafik 2 kali 2 angka terakhir
NIM kalian masing-masing.
Grafik triginometri tampil ketika tombol salah satu tombol di-klik, misal di-klik
tombol sin maka animasi grafik sinus mulai berjalan. Tanpa perlu di-run ulang, ketika
button cos/ tan ditekan maka grafik cos/tan mulai dijalankan dan grafik Sebelumnya
menghilang.
Tidak boleh menggunakan Manual Tween.
Langkah-Langkah
a. Buatlah sebuah line dengan static text seperti pada pra latihan
b. Kemudian buat button dengan klik Window Common Library
Buttons. Buat 3 button dengan masing-masing beri nama Instance Name
sin, cos dan tan.
9. c. Kemudian buat layer baru dengan nama AS. Ketikkan script seperti
dibawah ini.
d. Jalankan
10. Penjelasan
Grafik fungsi matematika sinus, cosinus, dan tan dapat dibuat dengan
menggunakan fungsi matematika sinus, cosinus, dan tan dengan menggunakan action
script dalam flash.
G. Tugas Rumah
Buat animasi revolusi bulan mengelilingi bumi. Dengan ketentuan:
Jarak antara bumi dan bulan dapat diatur dengan input box (input box hanya
dapat diisi anga 0-9).
Objek Bulan mengelilingi Objek Bumi secara terus-menerus.
Perputaran bulan Searah Jarum Jam untuk NIM Genap, dan Berlawanan
dengan Jarum Jam untuk NIM Ganjil - Tidak boleh menggunakan Manual
Motion.
11. Langkah-Langkah
a. Membuat layer pertama dengan nama bumi , import gambar bumi ke
stage, dan buat layer input untuk menginputkan kecepatan gerak rotasi dan
AS untuk menuliskan action script yang digunakan dalam melakukan
rotasi.
b. Kemudian membuat koordinat dari letak bumi
c. Setelah itu membuat layer baru untuk action script nya berikut (dikerjakan
di frame 1):
fscommand("fullscreen", true);
stop();
var jari:Number=1;
var jarijari:Number=1;
var intervalId:Number;
var hitung:Number = 0;
var max:Number = 360;
var durasi:Number = 4;
var sudut:Number=0;
pusat._x= Stage.width/2; //posisi x bumi
pusat._y=Stage.height/2; //posisi y bumi
function executeCallback():Void {
jari=1*RR;
jarijari = jari+50;
a = jarijari*Math.sin(sudut*Math.PI/180);
b = jarijari*Math.cos(sudut*Math.PI/180);
muter._y=a+300;
muter._x=b+450;
sudut--;
if(hitung >= max) {
12. clearInterval(intervalId);
}
hitung--;
}
intervalId = setInterval(this, "executeCallback", durasi);
d. Jalankan
e. Untuk memasukkan nilai jarak bulan tinggal memasukkan nilai pada input
text JARAK
Penjelasan
Untuk membuat interaksi inputan dengan animasi jarak bumi dan bulan dapat
disimulasikan dengan menggunakan fungsi mathematika untuk melakukan rotasi.
H.Kesimpulan
Dalam flash konsep untuk memindahkan suatu objek berdasarkan koordinatnya
disebut dengan moving object, yang diterapkan pada objek dengan type symbol movie clip
dan property yang digunakan adalah property koordinatnya, yaitu ._x dan ._y.
I.Daftar Rujukan
Modul XI Praktikum Multimedia. Math Class Action Script 2.0. Malang:
Pendidikan Teknik Informatika Universitas Negeri Malang