![Cara Membuat Game Tetris Sederhana di Mit App Inventor Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDcvyjb8oS1SGK2IkWGzSfno0niB-K_p_OSqNBcuzpftPqALEmWE3VVrqk0s-lJPLb8JelnPSIr0Fzm9I1aqLQRnhhC8zta_IAo9Lm4ECEjHJRCTxM2IDbWbl3_NEQfJeb5Fk6n1-piAQxBhNML-2k1vxIAFh72lqMeJZ8vf1pDLzUAO5cLVjbhdUx0Rge/w640-h360-rw/Cara%20Membuat%20Game%20Tetris%20Di.png)
Gamesoft.eu.org - Pernahkah kamu mendengar tentang Tetris? Game klasik ini telah memikat para gamer dari berbagai generasi dengan gameplaynya yang sederhana namun menantang. Bayangkan, dengan hanya menyusun blok-blok yang jatuh, kamu dapat menciptakan strategi untuk mencapai skor tertinggi.
Ingin merasakan sensasi menciptakan game Tetris sendiri? Mit App Inventor kini hadir sebagai solusi! Platform pemrograman visual ini memungkinkan kamu untuk membangun aplikasi Android dengan mudah, bahkan tanpa memerlukan pengetahuan coding yang rumit.
Awal Mula Terciptanya Game Tetris
Permainan Tetris, yang dirancang dan diprogram oleh Alexey Pajitnov pada tahun 1984, bermula saat ia bekerja di Pusat Komputer Dorodnicyn di Akademi Sains Uni Soviet di Moskow. Nama Tetris sendiri berasal dari awalan numerik Yunani 'tetra', yang berarti empat, merujuk pada blok-blok permainan yang terdiri dari empat segmen.
Dalam artikel ini, kamu akan diajak untuk menyelami petualangan seru dalam membangun game Tetris sederhana menggunakan MIT App Inventor. Ikuti langkah-langkahnya dengan seksama dan rasakan kepuasan ketika game yang kamu buat dapat dimainkan. Ayo kita mulai!
Langkah Awal - Login dan Desain Game
Langkah pertama, kamu buka terlebih dahulu situs Mit App Inventor di https://appinventor.mit.edu dan loginkan akunmu, jika sudah langsung klik Start New Project dan beri nama untuk game kamu.
![Beri Nama Projek Gamemu Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJnuZBB31KPtYNlZQNXZp8djVSYmYGk4PluN389zILdoNGM1bI2jDfqWUXtK_y41Vf7UqXe3d8y-t6dS4kXSQbDgdCR0eWiCa4M2mIY_ZAxtuY_7R4PE0dqUUegTf_XrBzaeCQUscEFnlhxiTlyEjmdOWALj2wSiAjp4HbyRDy9ly0siMaAEOCGIB4sKm8/w200-h93-rw/beri_nama.png)
Jika sudah terbuka tampilannya selanjutnya klik User Interface pada tabel Palette lalu klik dan seret Label pada screen 2 kali, kamu juga bisa ubah warna text label di TextColor saya warnai saja kedua label itu dengan biru tua. Selanjutnya klik User Interface lagi dan klik dan seret Button. Jangan lupa ubah posisi label & Button agar ditengah dengan cara klik screen1 lalu ubah AlignHorizontal & AlignVerticalnya menjadi 3 dan 2.
![]() |
beri nama sesuai gambar (opsional) |
Kemudian klik Layout pada tabel Palette lalu klik dan seret HorizontalArrangement ke screen (dibawah button) dan atur menjadi Fill Parent semua, setelah itu kamu bisa men unceklis bagian visiblenya karena kita akan menyeting HorizontalArrangementnya tampil ketika button mulai ditekan.
Dibawah HorizontalArrangement1 tambahkan lagi Layout HorizontalArrangement dan ubah ukuran Height (Automatic) dan Width (Fill Parent), lalu tambahkan 4 Button dalam HorizontalArrangement2 tambahkan label kosongkan namanya (jika memerlukan pembatas untuk Button). Dan jangan lupa unceklis visiblenya!.
Kita sudah menguncentang Visiblenya maka HorizontalArrangement1 dan HorizontalArrangement2 akan hilang diawal/pertama membuka apknya, dan juga kita tadi sudah menguncentang 2 label yakni label Skor dan label Top Skor maka tampilannya akan menjadi gambar dibawah ini kurang lebih.
![Cara Membuat Game Tetris Sederhana di Mit App Inventor Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh8gjTzL60-zkHHU_b2PFPCCHgAd8uPhMkznOV1dGmp4N5hMhzxN_G99QsHo_XkwuWVkbHDU23KPbd-c_Akn9RHYBCq_ApnkkNwj7-8bOs64FeSlET6QGqV4yruiDhJZ6Eq4udprGJuKR4eyTY4gRp3IJFYdqil3zvBR1VqKPIXJ_K0GYW6pDGqJtGyqxh/w196-h320-rw/cara_buat_apk_diandroid.png)
Langkah Kedua - Tambahkan Extensi dan Coding Block
Langkah kedua kemudian kita akan menambahkan 2 Extensi dan menambahkan Clock, dan Notifier dengan cara klik User Interface klik dan seret Notifier ke dalam screen, kemudian klik Sensors pada menu tabel Palette klik dan seret Clock.
![]() |
abaikan saja gambar button yang belum visible soalnya ini gambar lama |
Untuk menambahkan Extensi, download terlebih dahulu Extensi, klik tombol dibawah ini untuk mendownloadnya.
Jika Sudah Menambahkan Extensi, Notifier, dan Clock maka kita akan menambahkan gambar-gambar dan musik, download dibawah ini.
Jika tidak tahu cara melewati tautan safelinku anda dapat mengklik tautan dibawah ini
Kemudian jika sudah mendownload bahan-bahan diatas, langkah selanjutnya kita akan menambahkan gambar dan musik yang sudah didownload diatas tadi. Dengan cara klik Upload File pada tabel bertuliskan Media,
![Upload File Semua File Kedalam Mit App Inventor Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYnm8HVWo1g5Ic0QrM3oA1iL5tcr7q5We35O-CmJswPktuLOPbNOPURcoi9QmSojNQZD1cOCNTkaOKpdbdSUxk8eHw2U1tzA3nHYxv2neI_8Drva4Ey80fl5krhQiUy5ehYM3TeOU1Rro2zeBW18xobldnOo8BZ2Qcq3bXvrd_jyVeVsUl-rwDCTMaK8q8/w320-h89-rw/upload_file.png)
Jika kalian sudah mengimport bahan bahan semuanya sekarang kalian klik di extensi tetris (yang ada table bagian kanan), lalu klik background music setelah itu kalian pilih music yang sudah diupload tadi, pilih saja abis tu klik ok.
Kemudian pilih file bahan-bahan yang sudah didownload dan diekstrak satu persatu. Tolong diperhatikan itu ada file bernama Poppins-Medium.tts jika tak tahu apa gunanya, gunanya ialah agar bisa mengulang game Tetris ketika game over, jadi intinya upload file aja semua yang ada di file tersebut ya dan jangan lupa diekstrak terlebih dahulu.
![Upload File Bahan-Bahan Tetris Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2IrOR2MzzLENCNKzxMLQf-uf_6j0mMtAv8YFQZOUEuBxDo4sQms0vGVZD24Lw38h4XbXFejM-SZzLW8rOgk3AOu19HT0GSwU9Z2yd_pCS0ZbrLWz9GcF_OMKNI7hWvia0A3ij_ovahEk_wnzP1fvj3B-DJ-7usdVl_9ZmfA3vMfQRIv0p8YuNyVTDPmiv/w206-h320-rw/media_upload_bahan.png)
Langkah Ketiga - Coding Block untuk Tetris
Langkah selanjutnya kita akan menambahkan atau memprogram screen dengan cara klik tombol Block di kanan atas. Lalu kemudian kita akan menambahkan kode kamu ikuti kode yang ada foto dibawah ini.
Code Blocks 1
![Cara Membuat Game Tetris Sederhana di Mit App Inventor Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhki5Mrd6JIQshnSa52k-xuuq0VLteurOLGpQ_85rynuDpCsvEFKl05C1vv8TPMdguvZmDUVEtfBcRLmR_sCEJZ9tA6MXcuZi0SEh9FYZCbgsSi3dyI8P2HXrWXzwYYsJ1TV2W1e_jipqgerMfSP4mxawmLXwqjqADx8hbjzGRNMMRV7lgIORh5ezNpCvgm/w640-h640-rw/blocks1.png)
Inti arti dari kode tersebut ialah kita menambahkan notifikasi jika pemain sudah kalah dalam permainan, lalu akan muncul 2 tombol serta poin score yang didapat secara keseluruhan, tombol tersebutkeluar dan coba lagi, ketika pemain menekan keluar otomatis akan keluar sendiri, sebaliknya jika pemain menekan coba lagi maka game akan merestart ulang.
Code Blocks 2
![Cara Membuat Game Tetris Sederhana di Mit App Inventor Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDm3OizLgJKrGuqoo_zSDxYnF1lFfYM0IQ0Brj0Wga6vrgrHvPSkUM_r7I0fpdj0w3NR5RZ7tSTC7rwO0DbA_LJIvKarIHwS7GBvEl3nCVDhRIJuK5i6cuVMVfR7vS1TLrIcwtCe-bA-equxpRE-oVZmnURmk6M07yxUsFITNZv_XGWEgAmJHcc2cw081N/w320-h640-rw/blocks2.png)
Kesimpulan dalam kodingan tersebut adalah, ketika pemain menekan tombol mulai pada awal aplikasi, maka akan memanggil fungsi setup yang kita atur supaya fungsi setup memunculkan layout default pada HorizontalArrangement, label yang tadinya sembunyikan kita munculkan kembali, serta kita juga menambahkan fungsi gambar cell untuk tetrisnya menggunakan gambar yang sudah kita upload sebelumnya.
Code Blocks 3
![Cara Membuat Game Tetris Sederhana di Mit App Inventor Cara Membuat Game Tetris Sederhana di Mit App Inventor](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijg__EjMU2CDsxnyHtTBaKUSUsL3RDLt6GPfaYyBg8hXdcAcM6RaJt_MhmitDoqeDRccJhC2Ww6hCRlqnm0LJgUMoo0Cj3-y6H_jatrfyziOTOop0sGPLbYd5W4CFjwhfiIMbAdNoLt7dg_4TSV3VvZC3-xPWo7OfMFKLs10PG0dvwJf71kS6f70HeGpIp/w640-h640-rw/blocks3.png)
Arti kode diatas kurang lebih, ketika kita tekan button2 maka akan kekiri tetrisnya, begitupun fungsi tiap button yang sudah memiliki identitas untuk setiap fungsinya, fungsi tetris1 berfungsi memanggil label score/memberikan arahan tata letak dari fungsi clock1 yang kode diatas kita kasih 15 per poin maka kita munculkan di label1 dan 2. Fungsi ActivityLifecycle1 berfungsi untuk memulai lagu ketika mulai game, dan ketika game berhenti maka musik ikut berhenti, kurang lebih seperti itu.
Selesailah pengodingan tersebut, selanjutnya kamu dapat mengimport game kamu, jika kamu tidak tau cara mengimportnya kamu bisa kunjungi artikel link dibawah. Terima kasih sudah mengunjungi situs web ini, jika kamu sulit untuk melihat tutorial buat game tetris versi web, kamu dapat melihat video tutorial dibawah ini.
Baca Juga
Dan jika ada yang perlu ditanyakan jangan ragu untuk komen dikolom komentar blog ini atau komen di video tutorialku yang diatas, semoga artikel ini bermanfaat dan sampai jumpa lagi diartikelku selanjutnya dan selamat mencoba.
kakak kenapa eror pas saat di pencet mulai game?
BalasHapussayapun bingung ya, karena disaya memang waktu itu ga bisa tapi setelah upload musik ke extensi tetris itu bisa, apa dianda tetep ga bisa walau sudah dimasukan background musiknya kedalam extensi tetris?
HapusBg kok eror y pas di pencet Start Game tulisanya Runtime Error, bgaudio.mp3. Note : You will not see another Error reported for 5 sec
BalasHapuspertama pastiin file audio kamu ada (sudah diupload ke mit) dan tidak rusak format, dan pastiin juga notifiernya udah dimasukan kedalam screen
HapusBg format audionya eror
BalasHapusTerima kasih atas laporannya
Hapusmaksud anda error seperti ini? "bgaudio.mp3. Note : You will not see another Error reported for 5 sec"
HapusBang kok error pas di pencet start game cuma muncul you will not see another error reported for 5 sec, dan klo di pencet button yg kiri, rotasi, jatuh, kanan muncul error renderer is not initialized, call CreateRender() to fix this issue. Kira kira fix nya gmn
BalasHapusCoba cek apakah komponen canvas sudah diinisialisasi dengan baik, mungkin penyebab yang lain karena notifiernya belum dimport ke screen, dan pastikan block code sudah benar, jika anda memerlukan demo aplikasinya anda dapat mengunduhnya pada link yang sudah tersedia pada artikel.
HapusPosting Komentar