Game Sentuh Gambar Menggunakan App Invertor

Dalam postingan saya kali ini saya akan membuat aplikasi game sederhana yaitu game sentuh gambar menggunakan app invertor

Membuat tampilan kuis

Pertama ialah membuka aplikasi app invertor pada web browser . kali ini saya menggunakan Mozilla firefox. Setelah itu akan terbuka menu  untuk pembuatan projek baru

Buatlah project baru dengan menekan tombol “New Project” kemudian masukkan input pendukung untuk tampilan

  1. Pada menu Pallete > Screen Arragement buatlah 4 kotak Horizontal Arragement
  2. Pada Horizontal Arragemnet pertama gantilah ukuran pixel pada menu  properties ubahlah width 300 pixels dan height 200 pixels . kemudian masukkan canvas yang terdapat pada menu pallete kategori basic.
  3. Masih dalam canvas upload background image dan rename image pada menu Pada percobaan saya kali ini saya menggunakan nama mole
  4. Kemudian pada Horizontal Arragemnet ke dua masukkan Button yang terdapat pada menu pallete kategori basic. Rename button tersebut dengan nama reset
  5. Pada Horizontal Arragement ke tiga masukkan dua label yang terdapat pada menu  pallete kategori basic. Ubahlah nama Label  menjadi  HitsLabel dan HitsCountLabel pada menu Components dan pada mneu  Properties  ubah Text HitsLabel menjadi Hits dan HitsCountLabel menjdai 0
  6. Horizontal Arragement ke 4 buatlah sama dengan Horizontal Arragement ke 3 yaitu membuat dua label dan merubah nama Components beserta Text nya masing-masing dengan nama MissesLabel dan text nya menjadi Misses dan MissesCountLabel dan textnya menjadi 0
  7. Masukkan sound pada menu Pallete kategori Media Player.
  8. Masukkan Clock yang terdapat pada menu Pallete kategori Basic

Untuk selanjutnya masuklah ke “Open The Block Editor” untuk mulai mengedit pemrograman

Membuat struktur program

Buatlah struktur program seperti gambar berikut

 

Kemudian running dalam emulator

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s