Laporan Praktikum

Multimedia
Modul 5
Math Class Action Script 2.0

oleh :
AMADEUZ EZRAFEL
S1 PTI 12 Off D / 120533430965

PRODI S1 PENDIDIKAN TEKNIK INFORMATIKA

JURUSAN TEKNIK ELEKTRO
FAKULTAS TEKNIK
UNIVERSITAS NEGERI MALANG
APRIL 2014

MODUL V
MATH CLASS ACTION SCRIPT 2.0
A. Tujuan
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. Latihan
1. Buatlah Buatlah animasi mobil bergerak. Dengan ketentuan:
Mobil bergerak ketika ditekan tombol Gas dan berhenti ketika ditekan tombol
Rem
Ketika mobil melebihi batas akhir maka mobil akan langsung berbalik arah. Dan
ketika smpai pada garis awal maka mobilakan berbalik arah lagi.
Langkah-Langkah membuatnya :
1. Buat project baru kemudian pilih Flash File (ActionScript 2.0)
2. Buat 3 buah layer dan beri nama masing-masing AS, Car, Button dan Background.

3. Pada frame 1 layer backround, desain frame seperti dibawah ini.

4. Pada frame 1 layer mobil, tambahkan object mobil dan letakkan seperti dibawah ini.
Importkan gambar mobil dengan cara seperti berikut.

5. Pada gambar mobil klik kanan, kemudian pilih Convert to Symbol pilih Movie Clip
kemudian berikan Instance Name mobil.
6. Selanjutnya pada layer Button frame 1 buat dua buah persegi, masing masing beri
nama Gas dan Rem.

7. Pada persegi Gas klik kanan pilih Convert to Symbol dan pilih Button. Kemudian
beri Instance Name pada persegi dengan nama gas
8. Pada persegi Rem klik kanan pilih Convert to Symbol dan pilih Button kemudian
beri Instance Name pada persegi dengan nama rem

9. Pada layer AS frame 1 klik kanan Action setelah itu masukkan script seperti di bawah
ini.
stop();
gas.onRelease=function(){
mobil.onEnterFrame=function(){
if(mobil._x>=60 && mobil._y>412){
mobil._x -= 13;
posisix=mobil._x;
posisiy=mobil._y;
}else if(mobil._x<=727.4 && mobil._y<=361.0){
mobil._x += 13;
posisix=mobil._x;
posisiy=mobil._y;
}else if(mobil._x<60){
mobil._rotation=0;
mobil._x=62.6;
mobil._y=361.0;
}else if(mobil._x>470){
mobil._rotation=180;
mobil._x=727.4;
mobil._y=412.4;
}
}
}
rem.onRelease=function(){
mobil.onEnterFrame=function(){
mobil.stop();
}
}

10. Jalankan hasilnya dengan menekan Ctrl + Enter.

2. Buatlah kalkulator sederhana dengan memanfaat operator dan fungsi matematika

pada math class minimal masing-masing 4 macam.
Langkah Langkah :
1. Buat project baru dan pilih Flash File (ActionScript 2.0) setelah itu buat layer seperti
dibawah ini.

2. Pada layer Backround frame 1 buat desain seperti dibawah ini.

3. Pada layer Button gambarkan beberapa persegi beserta angka sebagai button dan
tempatkan seperti dibawah ini.

4. Setelah itu pada layer Text frame 1 berikan Dinamic Text dan letakkan di atas Button.

5. Berikan nama pada Instance Name dan Variabel masing masing tampil pada
dynamic text.

6. Kemudian ubah semua persegi menjadi Button. Klik kanan pada persegi kemudian
pilih Conver to Symbol kemudian pilih Button.

7. Berikan Instance Name pada masing-masing button

8.

Lalu berikan script seperti dibawah ini.

operation="no";
stop();
koma = 0;
angka = 1;
display = "";

btn_satu.onRelease=function(){
if(angka == 1)
{
display=display+"1";
operator = 0;
}
}
btn_dua.onRelease=function(){
if(angka == 1)
{
display=display+"2";
operator = 0;
}
}
btn_tiga.onRelease=function(){
if(angka == 1)
{
display=display+"3";
operator = 0;
}
}
btn_empat.onRelease=function(){
if(angka == 1)
{
display=display+"4";
operator = 0;
}
}
btn_lima.onRelease=function(){
if(angka == 1)
{
display=display+"5";
operator = 0;
}
}
btn_enam.onRelease=function(){
if(angka == 1)
{
display=display+"6";
operator = 0;
}
}
btn_tujuh.onRelease=function(){

if(angka == 1)
{
display=display+"7";
operator = 0;
}

btn_delapan.onRelease=function(){
if(angka == 1)
{
display=display+"8";
operator = 0;
}
}
btn_sembilan.onRelease=function(){
if(angka == 1)
{
display=display+"9";
operator = 0;
}
}
btn_nol.onRelease=function(){
if(angka == 1)
{
display=display+"0";
operator = 0;
}
}
btn_nolnol.onRelease=function(){
if(angka == 1)
{
display=display+"00";
operator = 0;
}
}
btn_koma.onRelease=function(){
if(display!=""){
if (koma==0){
display=display+".";
koma = 1;
angka = 1;
operator = 1;
}
}
}
btn_plus.onRelease=function(){
if(display!=""){
if (operation=="no") {
display=display+"+";
operation="tambah";
koma = 0;
angka = 1;
operator = 1;
}
}
}

btn_minus.onRelease=function(){
if(display!=""){
if (operation=="no") {
display=display+"-";
operation="kurang";
koma = 0;
angka = 1;
operator = 1;
}
}
}
btn_kali.onRelease=function(){
if(display!=""){
if (operation=="no") {
display=display+"x";
operation="kali";
koma = 0;
angka = 1;
operator = 1;
}
}
}
btn_bagi.onRelease=function(){
if(display!=""){
if (operation=="no") {
display=display+"/";
operation="bagi";
koma = 0;
angka = 1;
operator = 1;
}
}
}
btn_samadengan.onRelease=function(){
if(display!=""){
if (operator !=1){
if (operation=="tambah") {
myArray=display.split("+");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1+number2;
display=total;
operation="no";
}
if (operation=="kurang") {
myArray=display.split("-");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1-number2;
display=total;
operation="no";
}
if (operation=="kali") {
myArray=display.split("x");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1*number2;
display=total;

}
}

operation="no";
}
if (operation=="bagi") {
myArray=display.split("/");
number1=Number(myArray[0]);
number2=Number(myArray[1]);
total=number1/number2;
display=total;
operation="no";
}
koma = 1;
angka = 0;
operator = 1

btn_c.onRelease=function(){
display="";
operation="no";
koma = 0;
angka = 1;
operator = 1;
awal = 1;
}

9. Jalankan hasilnya dengan menekan Ctrl + Enter

3. 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 2angka 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 kbutton cos/ tan ditekan maka grafik cos/tan mulai dijalankan dan grafik
Sebelumnya menghilang.
Tidak boleh menggunakan Manual Tween.

Langkah Langkah :
1. Buat project baru kemudian pilih Flash File(ActionScript 2.0) buatlah layer seperti
dibawah ini.

2. Pada layer garis gambarkan garis koordinat.

3. Pada layer objek, gambar sebuah lingkaran. Beri warna sesuai dengan 3 kali 5 angka
terakhir NIM (3* 30965= 92895 >>#92895).

4. Pada objek lingkaran klik kanan kemudian pilih Convert to Symbol lalu pilih Movie
Clip. Beri Intance Name grafik lalu Import button dari menu Window kemudian
pilih Common Library pilih Button.
5. Berikan Instance Name masing button : btn_sin, btn_cos, btn_tan

6. Pada layer AS frame 1 berikan action script seperti dibawah ini.

stop();
var sudut : Number = 0;
var tinggi : Number = 0;
btn_sin.onRelease=function(){
sudut = 0;
grafik._x = 50;
grafik._y = 200;
tinggi = 2*32;
grafik.onEnterFrame = function()
{
if (sudut < 360){
a = tinggi * Math.sin (sudut * Math.PI /180);
grafik._y = 200 - a;
duplicateMovieClip(grafik, "sinus" + sudut, sudut);
grafik._x++;
sudut++;
}
else {
stop();
}
}
}
btn_cos.onRelease=function(){
grafik._x = 50;
grafik._y = 100;
sudut = 0;
grafik.onEnterFrame = function()
{
if (sudut < 360){
a = tinggi * Math.cos (sudut * Math.PI /180);
grafik._y = 200 - a;
duplicateMovieClip(grafik, "sinus" + sudut, sudut);
grafik._x++;
sudut++;
}
else {
stop();
}
}
}
btn_tan.onRelease=function(){
sudut = 0;
grafik._x = 50;
grafik._y = 200;
grafik.onEnterFrame = function()
{
if (sudut < 360){
a = tinggi * (Math.sin (sudut * Math.PI /180))/
(Math.cos (sudut * Math.PI /180));
grafik._y = 200 - a;
duplicateMovieClip(grafik, "sinus" + sudut, sudut);
grafik._x++;
sudut++;}
else {
stop();}
}
}

7. Jalankan hasilnya dengan menekan Ctrl + Enter.

Ketika ketiga tombol itu di tekan bergantian dan sejalan beberapa grafiknya

C. Tugas Rumah
1. Buat animasi revolusi bulan mengelilingi bumi seperti gambar diatas. 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.
Langkah langkah:
1. Buat project baru kemudian pilih Flash File(ActionScript 2.0) lalu buat layer
seperti di bawah ini.

2. Pada layer Backround buat desain seperti berikut.

3. Berikan gambar bulan dengan cara mengimportnya. Klik File pilih Import
kemudian pilih Import to Stage. Lalu klik kanan pada objek bumi dan bulan.
Kemudian pilih Convert to Symbol ubah menjadi Movie Klip serta berikan
Instance name dari objek bumi dan bulan masing masing beri nama bumi dan
bulan

4. Tambahkan sebuah Input Text untuk memasukkan jari-jari rotasi bulan. Berikan
Instance Name jari.

5. Pada layer AS beri action dan masikkan script seperti di bawah ini.
pos_x = Stage.width / 2;
pos_y = Stage.height / 2;
radian = 0;
derajat = 0;
bumi._x = pos_x - this.width / 2;
bumi._y = pos_y - this.height / 2;
bulan.onEnterFrame=function(){
var radius = parseInt(jari.text);
derajat = derajat + 5;
radian = derajat * Math.PI/ 180;
new_y = Math.sin(radian) * radius;
new_x = Math.cos(radian) * radius;
this._x = new_x + pos_x - 15;
this._y = new_y + pos_y - 15;
}

6. Jalankan hasilnya dengan cara menekan Ctrl + Enter.

D. Kesimpulan
1. Moving Object merupakan konsep memindahkan kedudukan suatu objek
berdasarkan koordinatnya. Dalam hal ini diterapkan pada objek dengan type
symbol movie clip.
2. Math Class adalah kumpulan math function/ fungsi matematika yang disediakan
oleh Flash. Berikut penjelasan beberapa fungsi matematika yang ada pada flash
beserta cara penulisannya.
E. Daftar Rujukan
Modul Praktikum V Multimedia - MATH CLASS ACTION SCRIPT 2.0