Cara membuat game flash

Pengarang: Sara Rhodes
Tanggal Pembuatan: 13 Februari 2021
Tanggal Pembaruan: 1 Juli 2024
Anonim
Simpel!! Tutorial membuat game di Adobe Flash CS6
Video: Simpel!! Tutorial membuat game di Adobe Flash CS6

Isi

Flash adalah format populer untuk game yang berjalan di browser. Meskipun format ini kalah dari aplikasi seluler, banyak game bagus ditulis dalam format ini. Flash menggunakan ActionScript, bahasa pemrograman yang mudah dipelajari yang memungkinkan Anda mengontrol objek di layar.

Langkah

Bagian 1 dari 3: Memulai

  1. 1 Buat game (alur ceritanya) sebelum Anda mulai coding. Flash membuat game sederhana, jadi pilih genre game dan pikirkan sebuah konsep. Baca artikel Cara membuat game komputer. Genre utama meliputi:
    • Lari tanpa akhir. Dalam permainan seperti itu, karakter bergerak secara otomatis, dan pemain hanya membimbingnya dan melompati rintangan (atau berinteraksi dengan permainan).
    • Perkelahian. Dalam permainan seperti itu, karakter utama harus mengalahkan musuh dalam pertarungan / pertempuran tanpa akhir.
    • Teka-teki. Permainan teka-teki. Mulai dari teka-teki paling sederhana (mengumpulkan tiga bola identik) hingga teka-teki kompleks yang menjadi dasar permainan petualangan.
    • RPG. Dalam permainan seperti itu, perlu untuk mengembangkan karakter utama (keterampilan, penampilan, karakternya) agar dapat bertarung dengan berbagai lawan. Kode game RPG jauh lebih kompleks daripada kode game paling sederhana.
  2. 2 Flash lebih cocok untuk membuat game 2D (2D). Anda juga dapat membuat game 3D (tiga dimensi) di dalamnya, tetapi untuk ini Anda perlu mengetahui bahasa pemrograman dan teknik lanjutan lainnya dengan sangat baik. Hampir semua game Flash populer adalah game 2D.
    • Flash game paling cocok untuk sesi game jangka pendek karena dimainkan saat ada waktu luang (tidak lebih dari 15 menit).
  3. 3 Kenali bahasa pemrograman ActionScript3 (AS3) untuk menulis game Flash. Anda dapat membuat game sederhana dengan pengetahuan dasar AS3.
    • Ada beberapa buku ActionScript yang tersedia di Amazon dan toko lain, bersama dengan banyak tutorial dan contoh online.
  4. 4 Unduh Flash Profesional. Ini adalah program berbayar, tetapi yang terbaik di mana game Flash dibuat. Ada program serupa lainnya, termasuk yang gratis, tetapi sering kali program tersebut kurang kompatibel atau Anda perlu waktu lebih lama untuk mencapai tujuan yang sama.
    • Flash Professional adalah satu-satunya program yang Anda perlukan untuk membuat game.

Bagian 2 dari 3: Membuat Game Paling Sederhana

  1. 1 Memahami struktur dasar kode AS3. Ada tiga bagian utama dari setiap kode AS3:
    • Variabel. Mereka menyimpan data (numerik, teks, objek, dan banyak lainnya). Variabel didefinisikan oleh kode var dan dalam satu kata.

      var playerHealth: Angka = 100; // "var" - Anda mendefinisikan variabel. // "playerHealth" adalah nama variabel. // "Nomor" adalah tipe data (numerik di sini). // "100" adalah nilai yang diberikan ke variabel. // Setiap baris kode AS3 diakhiri dengan ";"

    • Penangan acara. Mereka mencari peristiwa tertentu yang perlu dijalankan dan melaporkannya ke bagian lain dari program. Ini diperlukan untuk memasukkan pemain dan ulangi kode. Biasanya, event handler merujuk ke fungsi.

      addEventListener (MouseEvent.KLIK, swingSword); // "addEventListener ()" - definisi event handler. // "MouseEvent" adalah kategori input yang diharapkan akan dieksekusi. // ".CLICK" adalah event tertentu dalam kategori MouseEvent. // "swingSword" adalah fungsi yang dipicu saat event dijalankan.

    • Fungsi. Bagian dari program yang ditentukan oleh kata kunci; mereka disebut sebagai program berlangsung. Kode permainan yang kompleks dapat berisi ratusan fungsi, sedangkan kode permainan sederhana hanya dapat berisi beberapa fungsi. Fungsi dapat diatur dalam urutan apa pun, karena hanya berjalan ketika dipanggil.

      fungsi swingSword (e: MouseEvent): batal; {// Kode} // "fungsi" adalah kata kunci yang dimasukkan di awal fungsi apa pun. // "swingSword" adalah nama fungsi. // "e: MouseEvent" adalah parameter opsional yang menunjukkan bahwa // event handler akan memanggil fungsi. // ": void" adalah nilai yang dikembalikan oleh fungsi. // Jika tidak ada nilai yang dikembalikan, gunakan: void.

  2. 2 Buat objek yang akan berinteraksi dengan pemain. Objek termasuk sprite, karakter, atau klip video. Dalam contoh permainan sederhana kami, Anda akan membuat persegi panjang.
    • Mulai Flash Profesional. Buat proyek ActionScript 3 baru.
    • Pada toolbar, klik Rectangle tool. Panel ini mungkin muncul di lokasi yang berbeda tergantung pada konfigurasi Flash Professional Anda. Gambarlah sebuah persegi panjang di jendela Scene.
    • Pilih persegi panjang dengan alat Seleksi.
  3. 3 Mengatur properti objek. Untuk melakukan ini, buka menu "Ubah" dan pilih "Konversi ke Simbol" (atau tekan F8). Di jendela Convert to Symbol, beri nama objek yang mudah dikenali, seperti musuh.
    • Temukan jendela Properties. Di bagian atas jendela adalah bidang teks kosong berlabel "Nama Contoh" (jika Anda mengarahkan kursor ke bidang ini). Masukkan nama yang sama dengan yang Anda masukkan saat mengonversi objek menjadi simbol (dalam contoh kami, "musuh"). Ini akan membuat nama unik yang dapat digunakan dalam kode AS3.
    • Setiap "sampel" adalah objek terpisah yang bergantung pada kode. Anda dapat menyalin "sampel" yang sudah dibuat; untuk melakukan ini, klik "Perpustakaan" beberapa kali dan seret "sampel" ke "panggung". Setiap kali "sampel" ditambahkan, namanya akan berubah ("musuh", "musuh1", "musuh2" dan seterusnya).
    • Saat Anda merujuk ke objek dalam kode, cukup gunakan nama "sampel" (dalam contoh kami, "musuh").
  4. 4 Mengubah sifat sampel. Setelah membuat sampel, Anda dapat mengubah propertinya, misalnya, mengubah ukuran. Untuk melakukan ini, masukkan nama sampel, lalu ".", Lalu nama properti, lalu nilainya:
    • musuh.x = 150; Mengatur posisi objek musuh di sepanjang sumbu x.
    • musuh.y = 150; Mengatur posisi objek "musuh" di sepanjang sumbu Y (asal sumbu Y terletak di titik atas "adegan").
    • musuh.rotasi = 45; Putar objek musuh 45° searah jarum jam.
    • musuh.skalaX = 3; Membentang lebar objek "musuh" dengan faktor 3. Nilai negatif akan membalik objek.
    • musuh.skalaY = 0,5; Akan memotong ketinggian objek menjadi dua.
      • .
  5. 5 Jelajahi perintah jejak (). Ini mengembalikan nilai saat ini untuk objek tertentu dan diperlukan untuk menentukan bahwa semuanya berfungsi dengan benar. Anda tidak boleh menyertakan perintah ini dalam kode sumber game, tetapi Anda akan memerlukannya untuk men-debug program.
  6. 6 Buat permainan dasar menggunakan informasi di atas. Dalam contoh kami, Anda akan membuat permainan di mana musuh akan berubah ukuran setiap kali Anda mengkliknya, sampai dia kehabisan kesehatan.

    var musuhHP: Angka = 100; // Mengatur ukuran kesehatan musuh (100 di awal permainan). var playerAttack: Angka = 10; // Mengatur kekuatan serangan pemain saat mengklik musuh. musuh.addEventListener (MouseEvent.CLICK, attackEnemy); // Tindakan fungsi ini diarahkan langsung ke objek "musuh", // yaitu, fungsi dipicu hanya saat objek diklik, // dan bukan di tempat lain di layar. setEnemyLocation(); // Menempatkan musuh di layar. // Berjalan di awal permainan. fungsi setEnemyLocation (): void {enemy.x = 200; // Memindahkan musuh ke kanan 200 piksel dari sisi kiri layar. musuh.y = 150; // Memindahkan musuh ke bawah 150 piksel dari atas layar. musuh.rotasi = 45; // Memutar musuh 45 derajat searah jarum jam. trace ("nilai x musuh adalah", musuh.x, "dan nilai y musuh adalah", musuh.y); // Menampilkan posisi musuh saat ini untuk debugging. } function attackEnemy (e: MouseEvent): void // Membuat fungsi untuk mendeskripsikan serangan saat musuh diklik. {enemyHP = musuhHP - playerAttack; // Mengurangi kekuatan serangan pemain dari nilai kesehatan lawan. // Hasilnya adalah nilai baru untuk kesehatan musuh. musuh.scaleX = HP musuh / 100; // Mengubah lebar berdasarkan kesehatan baru musuh. // Nilai ini dibagi 100 untuk mendapatkan desimal.musuh.skalaY = HP musuh / 100; // Mengubah ketinggian berdasarkan nilai kesehatan musuh yang baru. trace ("Musuh memiliki", HP musuh, "HP tersisa"); // Menampilkan kesehatan yang hilang. }

  7. 7 Memulai permainan. Buka menu Kelola dan pilih Uji. Permainan Anda akan dimulai; klik pada musuh untuk mengubah ukurannya. Informasi debug akan ditampilkan di jendela Output.

Bagian 3 dari 3: Teknik Tingkat Lanjut

  1. 1 Paket. Mereka (dalam file terpisah) menyimpan variabel, konstanta, fungsi, dan informasi lainnya; Anda dapat mengimpor paket ke dalam program Anda. Dengan menggunakan paket yang sudah dibuat oleh orang lain, Anda akan sangat menyederhanakan tugas Anda membuat program.
    • Baca artikel ini untuk detail tentang cara kerja paket.
  2. 2 Buat folder proyek. Jika Anda membuat game dengan banyak gambar dan file suara, buat beberapa folder. Ini akan memungkinkan Anda untuk tidak bingung dalam berbagai elemen, serta menyimpan paket di folder yang sesuai.
    • Buat folder proyek dasar. Di folder dasar perlu membuat subfolder "IMG" tempat gambar akan disimpan, subfolder "SND" untuk file suara dan subfolder "SRC" dengan paket dan kode game.
    • Buat folder Game di folder SRC untuk file Constants.
    • Struktur folder ini opsional; itu diberikan sebagai contoh bagaimana mengatur dan mengatur elemen proyek Anda (ini sangat penting dalam kasus proyek besar). Jika Anda membuat game sederhana (seperti dalam contoh kami), Anda tidak perlu membuat folder apa pun.
  3. 3 Tambahkan suara ke permainan Anda. Bermain tanpa suara atau musik akan cepat membuat bosan pemain mana pun. Anda dapat menambahkan suara menggunakan alat Lapisan. Cari informasi lebih lanjut tentang ini di Internet.
  4. 4 Buat file "Konstan". Jika Anda memiliki banyak konstanta dalam gim Anda yang tidak berubah sepanjang gim, Anda dapat membuat file "Konstan" untuk menyimpan semua konstanta di dalamnya. Nilai konstanta adalah kekuatan tarik-menarik, kecepatan karakter, dan lain-lain.
    • Jika Anda membuat file "Konstan", letakkan di folder proyek yang sesuai, lalu impor ke dalam paket. Misalnya, Anda membuat file constants.as dan meletakkannya di folder game. Untuk mengimpornya, Anda harus menggunakan kode berikut:

      paket {import Game. *; }

  5. 5 Lihat game dari pengembang lain. Banyak pengembang tidak mengungkapkan kode permainan mereka, tetapi ada banyak tutorial dan proyek lain di mana Anda dapat melihat kodenya. Ini adalah cara yang bagus untuk mempelajari beberapa teknik terbaik untuk membantu Anda membuat game yang bagus.

Direkomendasikan

Singkirkan tombol macet di keyboard Anda
Singkirkan tombol macet di keyboard Anda
Mengatasi ketakutan Anda akan kematian
Mengatasi ketakutan Anda akan kematian
Makan biji chia
Makan biji chia
Membuat kombucha
Membuat kombucha