Pembaca seperti Anda membantu mendukung MUO. Saat Anda melakukan pembelian menggunakan tautan di situs kami, kami dapat memperoleh komisi afiliasi. Baca selengkapnya.

24a2 adalah mesin game yang sangat mendasar, tetapi beroperasi penuh, untuk pemrogram JavaScript. Ini memiliki tampilan dan nuansa yang tidak biasa, tetapi Anda dapat menggunakannya untuk mempelajari dasar-dasar pemrograman game.

Dengan dukungan untuk loop game, grafik warna-warni, dan input sederhana, 24a2 memiliki semua yang Anda butuhkan untuk membuat game kecil dengan sedikit usaha.

Lihat 24a2 dan mulailah perjalanan Anda menuju pengembangan game penuh hari ini.

Apa itu 24a2?

24a2 adalah mesin sumber terbuka kecil yang membantu Anda membuat game dasar. Ini sangat mudah dipelajari dan yang Anda butuhkan untuk mulai membuat game hanyalah browser web dan editor teks.

24a2 mengambil namanya dari resolusinya: 24 x 24. Bahkan dibandingkan dengan yang lain mesin minimalis seperti PICO-8, dengan resolusi 128 x 128, ini mungil! 24a2 menggunakan 'piksel' melingkar, dengan celah besar di antara keduanya, sehingga terlihat cukup berbeda.

instagram viewer

Anda mungkin tidak akan menggunakan 24a2 untuk membuat video game sukses besar berikutnya, tetapi bukan itu intinya. 24a2 sangat cocok untuk pemula, dan Anda dapat menggunakannya untuk mempelajari beberapa konsep dasar di balik pengembangan game.

Ini juga bagus untuk membuat prototipe konsep inti. Jika Anda mendapati diri Anda terganggu oleh fisika permainan yang rumit atau animasi sprite, menghilangkan semua itu akan membantu Anda fokus.

Terlebih lagi, kode sumber 24a2 adalah a file TypeScript tunggal. Anda dapat menggunakannya sebagai inspirasi, atau bahkan memodifikasinya, untuk membuat mesin game Anda sendiri yang lebih canggih.

Bagaimana Anda Menggunakan 24a2?

Mulailah dengan template dasar untuk game Anda:

<html>
<kepala>
<naskah
src=" https://cdn.jsdelivr.net/gh/jamesroutley/24a2/build/engine.js">
naskah>
<naskahsrc="game.js">naskah>
kepala>
<tubuh>tubuh>
html>

Perhatikan bagaimana ini menggunakan jaringan pengiriman konten (cdn.jsdelivr.net) untuk sumbernya engine.js file, jadi Anda bahkan tidak perlu mengunduh atau menginstal apa pun.

Skrip kedua, game.js, adalah untuk kode game Anda sendiri. Mulailah dengan kode kerja minimum absolut, untuk memeriksa semuanya berfungsi dengan baik:

Game baru({}).run();

Program kecil ini akan menampilkan kisi 24a2 default di browser web Anda:

Selanjutnya, Anda ingin membiasakan diri dengan fungsi callback 24a2 yang membentuk inti dari mesin. Konsep-konsep ini dapat ditransfer di seluruh mesin game, jadi mempelajari cara kerjanya akan bermanfaat bagi Anda di luar penggunaan 24a2.

Ada beberapa fungsi penting yang dapat Anda tentukan dan teruskan ke konstruktor Game() melalui a config obyek.

membiarkan konfigurasi = {
membuat: membuat,
pembaruan: pembaruan,
onKeyPress: onKeyPress,
onDotClicked: onDotClicked
};

membiarkan permainan = baru Permainan (konfigurasi);
game.run();

24a2 memanggil fungsi yang Anda tentukan di config.create saat dijalankan. Anda dapat menggunakan ini untuk menginisialisasi konfigurasi gim Anda sendiri, menyiapkan struktur data, dll.

fungsimembuat(permainan) {}

Fungsi pembaruan berjalan secara berkala selama durasi permainan Anda. Ini lingkaran permainan utama yang, di mesin lain, biasanya terdiri dari langkah-langkah terpisah untuk memperbarui status game dan menggambar ulang layar. Dengan 24a2, Anda akan menangani kedua operasi dalam fungsi ini.

fungsimemperbarui(permainan) {}

Terakhir, untuk menangkap input, Anda ingin menangani penekanan tombol panah, klik mouse, atau keduanya. 24a2 meneruskan arah ke fungsi onKeyPress Anda saat pemain menekan tombol panah. Itu meneruskan koordinat x dan y ke onDotClicked jika mereka mengklik sebuah titik menggunakan mouse mereka.

fungsionKeyPress(arah) {}
fungsionDotClicked(x, y) {}

Jenis Game Apa Yang Dapat Anda Buat Dengan 24a2?

Itu situs 24a2 berisi tiga contoh permainan termasuk tutorial. Yang lain yang ditampilkan adalah permainan Ular sederhana dan tantangan Ski.

Itu repositori GitHub termasuk tautan ke beberapa game lain termasuk Space Invaders, Tic-Tac-Toe, dan program Paint minimal. You Killed a Bear lebih maju dan Maze Craze adalah demonstrasi yang bagus tentang cara melapisi grafik tambahan di atas kisi standar.

24MadRush adalah 'klon' Tetris yang memanfaatkan palet warna dengan baik. Itu juga dimulai dengan tutorial inovatif yang dapat dimainkan yang menunjukkan fitur-fiturnya.

Spesifikasi Teknis Game 24a2

24a2 sangat terbatas, berdasarkan desain. Tapi ini memberikan peluang bagus untuk kreativitas. Salah satu dari tip teratas untuk menjadi lebih kreatif adalah untuk merangkul kendala.

Selain resolusinya yang terbatas, 24a2 membatasi Anda untuk:

  • Palet warna yang hanya terdiri dari sembilan warna: warna pelangi plus hitam dan abu-abu.
  • Input yang sangat mendasar: penekanan tombol panah dan klik mouse pada kotak titik.
  • Diam: tidak ada dukungan untuk musik atau efek suara apa pun.

Namun, Anda selalu dapat menulis kode JavaScript tambahan untuk memperluas game Anda melampaui batasan ini. Dan, karena mesinnya open-source, Anda bebas mengembangkannya sesuai keinginan Anda.

Pacu Diri Anda Menuju Hal-Hal Lebih Besar Dengan 24a2

Coba uji diri Anda dengan 24a2. Buat ulang game klasik atau buat sendiri. Game berbasis giliran, seperti game papan, akan bekerja sangat baik dengan mesin.

Jika 24a2 memicu hasrat Anda untuk pengembang game, ada banyak peluang untuk melanjutkan perjalanan. PICO-8, Godot, Unity, dan GameMaker adalah pilihan populer.