Cara Membuat Permainan Daripada Templat: 7 Langkah untuk Pemula

Cara paling pantas untuk pemula membuat permainan ialah bermula daripada permainan yang sudah siap. Pilih satu templat permainan, main demonya, baca manualnya, kemudian ubah teks, grafik dan tahap permainan satu fail demi satu fail, menguji selepas setiap perubahan, sehingga permainan itu menjadi milik anda. Selepas itu, anda mengehos folder permainan di laman web atau membungkusnya sebagai aplikasi. Tiada enjin yang perlu dipelajari dahulu, tiada halaman kosong.

Panduan ini mengikut laluan itu dalam tujuh langkah, dengan nama fail sebenar yang diambil daripada halaman item dan manual templat kami sendiri, supaya anda nampak rupa "mengubah tahap" sebelum membeli apa-apa. Ia ditulis untuk mereka yang belum pernah menerbitkan permainan: guru, pemasar, pembangun web yang mencuba permainan buat kali pertama. Jika sesuatu langkah memerlukan Node.js atau editor kod, kami nyatakannya.

Cara membuat permainan daripada templat: tujuh langkah

1. Pilih templat yang hampir dengan permainan yang anda mahukan.
2. Main demo sehingga anda kenal setiap skrin.
3. Baca manual dan cari fail yang disebut di dalamnya.
4. Ubah teks dan bahasa.
5. Tukar grafik dan jenama.
6. Ubah tahap, perkataan atau peraturan.
7. Uji, kemudian hos permainan atau bungkus sebagai aplikasi.

Susunan ini penting. Teks ialah perubahan paling selamat, jadi anda bermula di situ dan belajar cara fail berfungsi. Peraturan diubah terakhir kerana ia boleh merosakkan permainan dengan cara yang lambat disedari.

Lihat templat permainan untuk dijadikan titik mula

Langkah 1: pilih templat yang hampir dengan idea anda

Templat hanya menjimatkan masa apabila anda mengekalkan sebahagian besarnya. Jika anda mahukan permainan perkataan, mulakan dengan permainan perkataan; menukar permainan bola sepak menjadi kuiz ialah kerja menulis semula, bukan kerja templat. Tiga soalan membantu menyempitkan pilihan.

• Apakah yang dilakukan pemain? Ketik pasangan, surih perkataan, membidik pukulan, menyusun kepingan. Pilih templat yang tindakan terasnya sepadan.
• Bagaimana anda akan mengubahnya? Sesetengah edisi menerima kebanyakan perubahan dalam satu fail tetapan; yang lain ialah projek TypeScript yang perlu dibina semula. Halaman item menyatakan jenisnya.
• Di mana ia akan dijalankan? Setiap edisi kami berjalan daripada laman web statik. Aplikasi natif dan penerbitan di gedung aplikasi tidak termasuk dalam mana-mana edisi.

Harga senarai di kedai kami antara US$5 hingga US$59, dan setiap halaman item mempunyai demo langsung serta senarai bertajuk "Tidak termasuk dalam edisi ini". Baca senarai itu sama teliti seperti senarai ciri.

Langkah 2: main demo seperti seorang penguji

Main demo selama setengah jam, bukan dua minit. Buka setiap menu, habiskan satu tahap, kalah satu tahap, tukar bahasa, muat semula halaman dan semak sama ada kemajuan anda masih ada. Senaraikan setiap skrin dan setiap teks yang anda lihat. Senarai itu peta anda untuk langkah seterusnya: setiap item di dalamnya berada di suatu tempat dalam fail.

Main juga di telefon. Jika pemain anda menggunakan telefon, demo di telefon ialah ujian sebenar templat itu, bukan demo di komputer riba.

Cuba demo Tenguin, teka-teki pasangan nombor

Langkah 3: buka pakej dan baca manual

Templat ialah folder, bukan program yang perlu dipasang. Dalam pakej kami, anda akan menemui bahagian yang sama, seperti yang diterangkan pada setiap halaman item:

• game/: permainan sedia dihos, dengan index.html, grafik, audio dan fon. Inilah yang diletakkan dalam talian.
• Kod sumber: kod mudah dibaca yang anda sunting. Dalam sesetengah edisi, seperti Ricopop, fail dalam game/ itu sendiri ialah kod sumber, tanpa langkah binaan. Dalam edisi lain, seperti Gridspark, ada folder sumber berasingan yang anda bina semula ke dalam game/.
• Dokumentasi: manual bergambar. Manual Gridspark merangkumi pemasangan, penyesuaian, 20 soalan lazim dan penyelesaian masalah; Ricopop dan Zabum juga disertakan START-HERE.txt.
• THIRD-PARTY-LICENSES: notis lesen untuk fon dan pustaka. Terma kami meminta anda menyimpannya bersama produk anda.

Baca bab pemasangan dan penyesuaian dalam manual sebelum menyentuh apa-apa. Bab itu menamakan fail, dan setiap perubahan di bawah bermula dengan salah satu nama tersebut.

Langkah 4: ubah teks dan bahasa dahulu

Teks mengajar susun atur fail dengan risiko yang rendah. Contoh sebenar daripada halaman item kami:

• Gridspark: teks antara muka terletak dalam src/locales.js.
• Pinloop, Trimora dan Twirldrop: teks antara muka dalam i18n.ts, dan brand.ts menyimpan nama permainan.
• Bodoku: teks berada dalam kamus src/i18n, dan halamannya mengingatkan anda supaya tidak mengusik pemegang tempat (placeholder) interpolasi.
• Golazo: teks dalam kamus bahasa dan pasukan dalam teams.js.

Pemegang tempat ialah perangkapnya. Baris seperti "Level {n} complete" memerlukan {n} kekal seperti asal, dalam setiap bahasa. Ubah perkataan di sekelilingnya, jangan sesekali kurungannya.

Bahasa juga sebahagian daripada pilihan. Kebanyakan edisi kami ada 14 bahasa antara muka; Letter River, Plop dan Zabum ada 3. Membuang bahasa lebih mudah daripada menambahnya, dan menambah bahasa bermaksud menterjemah setiap baris, bukan menu sahaja.

Langkah 5: tukar grafik dan jenama

Lesen membenarkan label putih (white label): anda boleh menggantikan nama dan logo Polar Games dengan milik anda, serta mengubah kod, grafik dan audio di dalam produk anda. Caranya bergantung pada edisi.

• Tenguin: kebanyakan tetapan berada dalam satu fail, tenguin.config.js, di sebelah index.html: tajuk, laluan logo, warna aksen, bahasa lalai, ganjaran dan harga. Sunting nilai, muat naik fail, muat semula. Tiada binaan.
• Bodoku dan Frogdoku: grafik diisytiharkan dalam src/art/manifest.ts.
• Pinloop: brand.ts menyimpan tajuk, warna, 30 sasaran dan 12 latar belakang; bunyi dan muzik berada dalam public/audio.
• Ricopop: muzik dan kesan bunyi ialah fail MP3 yang boleh ditukar, dan ricopop.config.js mengawal skrin ketik untuk mula dan butang skrin penuh.

Kekalkan saiz dan format imej yang sama dengan fail yang anda gantikan. Logo dua kali lebih lebar daripada asal akan menolak menu dengan cara yang tidak dijangka oleh kod.

Lihat Pinloop dan fail brand.ts

Langkah 6: ubah tahap, perkataan atau peraturan

Di sinilah permainan anda berhenti kelihatan seperti salinan orang lain. Di sini juga alat ujian paling membantu.

• Ricopop: 50 tahap ialah peta teks dalam src/levels.js. Alat pilihan node tools/validate.mjs menyemak bahawa setiap tahap masih boleh dimenangi selepas anda menyunting peta.
• Letter River: perkataan dan petunjuk dalam source/words/en.js, pt.js dan es.js, manakala penjanaan teka-teki dalam source/js/levels.js. node test/check.js mengesahkan senarai perkataan dan 80 tahap bagi setiap bahasa.
• Deepforge: bilik, beliung, keseimbangan dan teks dalam source/src/data/chambers.ts.
• Gridspark: pemalar peraturan dan palet warna dalam src/config.js, dan peraturan teka-teki dalam game.js, board.js, generator.js dan shapes.js.

Peraturan ialah perubahan paling berisiko. Ubah satu nombor pada satu masa, main tiga pusingan, kemudian ubah yang seterusnya. Jika permainan terasa tidak kena, kembali kepada salinan "original" dan bandingkan.

Lihat Letter River, teka-teki perkataan dengan senarai perkataan boleh disunting

Langkah 7: uji, kemudian hos atau bungkus

Uji pada pelayan tempatan, bukan dengan klik dua kali

Beberapa halaman item kami menyatakan dengan jelas bahawa permainan tidak berjalan daripada file://, iaitu alamat yang terhasil apabila anda klik dua kali pada index.html. Uji melalui pelayan web tempatan: banyak editor kod menyediakannya, dan alat pembangun pilihan Ricopop juga ada satu. Edisi yang ditulis dalam TypeScript memerlukan Node.js untuk dibina semula: contohnya, Gridspark menjalankan npm test dan npm run build untuk menyalin fail yang boleh dimainkan ke dalam game/; Pinloop dibina ke dalam dist/, yang kemudian anda salin ke dalam game/.

Hos permainan

Muat naik kandungan game/ ke mana-mana hos HTTP(S) statik. Edisi kami tidak memerlukan PHP atau pangkalan data untuk bermain; Zabum dan Ricopop ada papan pendahulu PHP pilihan, dimatikan secara lalai. Simpan setiap folder di sebelah index.html, seperti yang dinyatakan dalam manual.

Atau bungkus sebagai aplikasi

Alat seperti Capacitor meletakkan permainan web ke dalam projek Android atau iOS. Halaman permulaan Capacitor meminta folder aset web yang sudah dibina dengan index.html di akarnya, menambah platform dengan npx cap add android dan npx cap add ios, dan menyalin fail dengan npx cap sync. Itu langkah yang melangkaui minggu pertama seorang pemula, dan tiada edisi kami yang menyertakan binaan natif atau penerbitan di gedung aplikasi; kami memberi sebut harga berasingan untuk kerja itu.

1. Setiap skrin dalam senarai anda dari langkah 2 memaparkan teks dan grafik anda.
2. Kemajuan kekal selepas halaman dimuat semula.
3. Permainan berfungsi di telefon, dalam orientasi yang anda jangkakan.
4. Notis THIRD-PARTY-LICENSES masih bersama fail.
5. Anda boleh menerangkan apa yang diubah, fail demi fail.

Apa yang dibenarkan oleh lesen untuk permainan anda

Setiap pembelian memberikan lesen kekal dan tidak eksklusif untuk satu produk akhir, milik anda atau milik seorang pelanggan. Pemain boleh mengaksesnya secara percuma atau melalui pengewangan iklan. Anda boleh mengubah kod, grafik dan audio, serta menggantikan nama dan logo kami. Anda tidak boleh menjual semula atau berkongsi templat, kodnya atau asetnya secara berasingan, sebagai templat, kit atau pek aset. Sokongan berlangsung 6 bulan, atau 12 bulan dengan lanjutan, dan meliputi pemasangan serta penggunaan fail yang dibekalkan dan kecacatan yang boleh dihasilkan semula. Penyesuaian dan ciri baharu ialah perkhidmatan berasingan, dengan sebut harga sebelum kerja bermula.

Baca terma lesen penuh

Soalan lazim

Bolehkah saya membuat permainan tanpa tahu mengekod?

Anda boleh mengubah banyak perkara tanpa kod: teks, warna, imej dan sesetengah tetapan berada dalam fail biasa. Tenguin menyimpan kebanyakan tetapan dalam satu fail konfigurasi. Mengubah peraturan atau tahap dalam edisi TypeScript memerlukan kebolehan asas membaca kod dan Node.js untuk membina semula.

Apakah yang perlu dipasang?

Editor kod dan pelayar sudah cukup untuk edisi tanpa langkah binaan, seperti Ricopop dan Golazo. Edisi TypeScript memerlukan Node.js dan npm untuk dibina semula; setiap halaman item menyatakan versinya.

Bolehkah saya menjual atau menerbitkan permainan yang dibuat daripada templat?

Anda boleh menerbitkannya sebagai satu produk akhir, untuk anda atau seorang pelanggan, percuma atau dengan iklan. Anda tidak boleh menjual semula templat atau kodnya secara berasingan. Untuk aplikasi berbayar atau pembelian dalam aplikasi, tanya kami dahulu.

Kenapa permainan saya menunjukkan halaman kosong apabila saya buka index.html?

Biasanya kerana ia dibuka daripada file://. Jalankannya daripada pelayan web tempatan atau muat naik ke hos, seperti yang diterangkan dalam manual.

Berapa lama masa diperlukan?

Bergantung pada berapa banyak yang anda ubah. Teks dan logo boleh siap dalam sehari; tahap baharu, grafik dan peraturan mengambil masa lebih lama. Mulakan dengan teks, terbitkan versi ujian, dan tambah selebihnya secara berperingkat.

Mulakan dengan satu permainan

Pilih satu templat, main demonya selama setengah jam dan baca bab penyesuaian dalam manualnya. Jika fail yang disebut kelihatan seperti sesuatu yang boleh anda ubah, anda sudah menemui titik permulaan. Jika anda lebih suka kami yang membuat perubahan, hantar templat dan senarai anda, dan kami akan membalas dengan sebut harga.

Lihat semua templat permainan

Minta sebut harga untuk perubahan