Tuesday, February 1, 2011

Game spaceship PART 1

· 0 comments

Langkah 1. Persiapan
Buat dokumen baru dengan cara (CTRL + N, pilih Flash Document) dan ganti frame rate ke 45.

Langkah 2. Membuat pesawat
Buat sebuah pesawat seperti pada gambar, atau dikopi saja jika susah untuk membuatnya.

Ship (drawn)
Setelah itu, klik pesawat tadi lalu tekan F8. Buat nama dan tipe sesuai gambar dibawah.
MovieClip

Langkah 3. Membuatnya bergerak.
Klik pesawat tadi, lalu tekan F9 (untuk input script). Lalu masukan kode berikut:
1
2
3
4
5
6
7
onClipEvent(enterFrame){
 if(Key.isDown(Key.LEFT)){
  _x -= 6;
 }else if(Key.isDown(Key.RIGHT)){
  _x += 6;
 }
}
 Test play dengan (ctrl + enter).

penjelasan script:
onClipEvent(enterFrame){
Memulai eksekusi.
if(Key.isDown(Key.LEFT)){
Jika tekan arah panah yang kiri pada keyboard, pesawat akan bergerak ke kiri.
_x -= 6;
Seberapa cepat pesawat akan bergerak ke kiri jika panah kiri ditekan.
}else if(Key.isDown(Key.RIGHT)){
Jika tekan arah panah yang kanan pada keyboard, pesawat akan bergerak ke kanan.
_x += 6;
Seberapa cepat pesawat akan bergerak ke kanan jika panah kanan ditekan.
}
}


Part 1 selesai.



Jika masih sulit download saja file jadinya:
SPACESHIP PART 1
 
sumber: www.tutorialized.com

Read More......

Game spaceship PART 3

· 0 comments

Pada tahap ini kita akan membuat musuh dari spaceship.
Langkah 1. Membuat musuh
Buatlah sebuah gambar seperti berikut:

Jika sudah, tekan F8 lalu name: enemy type: movie clip. 
Tekan ctrl + L untuk membuka library, pastikan enemy ada pada library tersebut.

Langkah 2. Me-linkan enemy
Di library klik kanan pada enemy. lalu pilih “Linkage…” (or “Properties…” jika kamu menggunakan Adobe Flash CS4 atau diatasnya).
Lakukan seperti pada gambar:
Langkah 3. Coding part 1
Ini mungkin kode tersulit pada pembelajaran ini, jadi perhatikanlah baik-baik.
Kita akan membuat kode di stage, jadi klik stage kosong lalu tekan F9, dan masukkan kode 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
i = 0;
enemies = [];

spawnEnemy = function(){
 _root.attachMovie("enemy", "enemy"+i, _root.getNextHighestDepth());
 _root["enemy"+i]._x = random(Stage.width);
 _root["enemy"+i]._y = 0;
 enemies.push("enemy"+i);
 
 _root["enemy"+i].onEnterFrame = function(){
  this._y += 3;
  if(this._y > Stage.height){
   for(e = 0; e < _root.enemies.length; e++){
    if(_root.enemies[e] == this._name){
     _root.enemies.splice(e, 1);
    }
   }
   
   this.removeMovieClip();
  }
 }
 
 i++;
}

enemy_interval = setInterval(spawnEnemy, 2000);
Pada kode ini, kita akan melihat munculnya enemy untuk melawan spaceship kita.

Langkah 4. Coding part 2
Klik spaceship lalu tekan F9 dan masukkan kode berikut:

1
2
3
4
5
6
_root["bullet"+i].onEnterFrame = function(){
 this._y -= 10;
 if(this._y < -30){
  this.removeMovieClip();
 }
}
Replace kode diatas dengan kode berikut:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
_root["bullet"+i].onEnterFrame = function(){
                this._y -= 10;
                if(this._y < -30){
                    this.removeMovieClip();
                }
               
                for(k = 0; k < _root.enemies.length; k++){
                    if(this.hitTest(_root[_root.enemies[k]])){
                        this.removeMovieClip();
                        _root[_root.enemies[k]].removeMovieClip();
                        _root.enemies.splice(k, 1);
                    }
                }
            }
Kode ini berguna agar, ketika spaceship kita menembak dan mengenai musuh, maka musuh tersebut akan hancur.

Part 3 telah selesai.
Jika belum mengerti download saja file yang sudah jadi:
SPACESHIP PART 3
source: www.tutorialized.com

Read More......

Game spaceship PART 2

· 1 comments

Sekarang kita masuk pada tahap ke-2, yaitu membuatnya menembak peluru.

Langkah 1. Menggambar peluru.
Buatlah sebuah gambar seperti di bawah:

Jika sudah tekan F8, ganti name: bullet type: movie clip.Tekan ctrl + L untuk membuka library, pastikan bullet ada pada library tersebut.

Langkah 2. Me-linkan bullet.
Di library klik kanan pada bullet. lalu pilih “Linkage…” (or “Properties…” jika kamu menggunakan Adobe Flash CS4 atau diatasnya).
Lakukan seperti tampak pada gambar.
Langkah 3. Coding
Pilih spaceship dan tekan F9(pastikan script pada part 1 ada) lalu masukkan kode berikut di bagian bawah yang kosong.    
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
onClipEvent(load){
 timer = 0;
 i = 0;
}
 
onClipEvent(enterFrame){
 if(timer > 0){
  timer--;
 }
 
  
 if(Key.isDown(Key.SPACE)){
  if(timer == 0){
   _root.attachMovie("bullet", "bullet"+i, _root.getNextHighestDepth());
   _root["bullet"+i]._x = _x;
   _root["bullet"+i]._y = _y-20;
 
   _root["bullet"+i].onEnterFrame = function(){
    this._y -= 45;
    if(this._y < -30){
     this.removeMovieClip();
    }
   }
 
   i++;
   timer = 20;
  }
 }
}
Ya Allah ribet banget..., tenang aja ada penjelasannya ane persingkat nih:


this._y -= 45
Pada kode ini, jika kamu mengganti y menjadi x, maka peluru akan bergerak ke sam-
ping, jika "-" diganti "+",maka akan berlawanan arah, sedangkan "45" menandakan 
kecepatan peluru.  



Part 2 telah selesai.
Jika belum ngerti download aja file yang sudah jadi:
SPACESHIP PART 2
source: www.tutorialized.com

Read More......

POSTING favorit