Kod Sumber Permainan Teka-teki Parkir: Teka-teki Trafik 3D 30 Peringkat
Apa yang ada dalam pakej Beep Out, cara projek TypeScriptnya disusun, dan apa yang biasanya diubah dahulu oleh pembeli.
Jika anda mencari kod sumber permainan teka-teki parkir, jawapan ringkasnya begini: Beep Out ialah teka-teki trafik 3D yang siap untuk pelayar, dengan 30 peringkat, binaan sedia untuk dimuat naik dan projek TypeScript yang boleh disunting di belakangnya, pada harga $35. Panduan ini membuka pakej tersebut dan menunjukkan fungsi setiap bahagian.
Permainan kesesakan parkir nampak mudah, sebab itulah permainan yang lemah cepat ketahuan. Peraturannya mesti difahami sekali pandang, susunan peringkat mesti mengajar pemain, dan kodnya mesti membolehkan anda menambah papan sendiri tanpa merosakkan yang lama. Tiga perkara itulah yang kami teliti di sini, bersama pengehosan, lesen dan apa yang tidak termasuk dalam edisi ini.
Kandungan pakej kod sumber permainan teka-teki parkir
Beep Out dijual sebagai Local Browser Edition, versi 1.1.0. Muat turunnya ada dua bahagian: permainan yang boleh anda hos hari ini dan projek yang boleh anda ubah.
- Folder game/ yang sedia dimuat naik, lengkap dengan kesemua 30 peringkat.
- JavaScript, CSS dan data masa jalan yang mudah dibaca, supaya anda nampak apa yang dijalankan oleh pelayar.
- Sumber TypeScript untuk pembangun, bersama aset permainan dan ujian.
- Manual bergambar dalam bahasa Inggeris dan Portugis yang merangkumi pemasangan, peta fail, penyesuaian, penyelesaian masalah dan FAQ.
- Notis lesen kebergantungan dan fon.
Antara muka tersedia dalam 14 bahasa: Inggeris, Portugis, Sepanyol, Perancis, Jerman, Itali, Belanda, Poland, Turki, Rusia, Indonesia, Jepun, Korea dan Cina Ringkas. Manualnya pula hanya dalam bahasa Inggeris dan Portugis, perkara yang penting jika pembangun anda tidak membaca kedua-duanya.
Buka halaman Beep Out dan main demonya
Cara teka-teki trafik ini berfungsi, satu demi satu peraturan
Setiap kenderaan ada anak panah di bumbungnya yang menunjukkan arah keluar. Ketik atau klik kereta yang jalan di hadapannya kosong, dan kereta itu akan bergerak pergi. Pilih kereta yang terhalang, ia akan terlanggar kenderaan lain, jadi urutan langkah yang menentukan peringkat itu.
Mulai peringkat 4, barisan penumpang menunggu di perhentian bas. Kenderaan hanya boleh keluar apabila warnanya sepadan dengan penumpang seterusnya. Kereta yang jalannya kosong tetapi salah warna akan masuk ke petak parkir dan keluar sendiri apabila tiba giliran penumpangnya. Tempat letak keretanya kecil, jadi terlalu banyak warna salah akan memenuhkannya, dan pemain perlu merancang beberapa langkah ke depan. Lapisan kedua inilah yang mengubah kesesakan biasa menjadi teka-teki urutan.
Skrin permainan ada petunjuk, buat asal dan mula semula. Menamatkan peringkat tanpa ketikan terhalang, petunjuk atau buat asal memberikan Clean Clear (tamat bersih), dan masa terbaik setiap peringkat boleh disimpan dalam pelayar jika mahu. Peringkat yang ditamatkan membuka lima gaya cat dalam Garage. Cat hanyalah hiasan: semua kereta bermain sama.
Cara kod disusun
Ada dua tempat untuk bekerja, dan elok diasingkan. Folder game/ ialah output yang sudah dibina: muat naik dan terus boleh dimainkan. Projek pembangun pula tempat perubahan dibuat: peringkat, tetapan, teks, logo dan fail audio. Selepas sesuatu perubahan, anda bina semula dan gantikan folder game/ yang dihos dengan output baharu yang lengkap.
Timbunan teknologinya TypeScript, Three.js dan WebGL2, dibina dengan Vite. Fail termasuk HTML, CSS, JavaScript, TypeScript dan JSON. Membina semula memerlukan Node.js 22.12 atau lebih baharu dan npm. Untuk bermain, semua itu tidak diperlukan.
Projek ini disertakan empat arahan, dan manual menerangkan setiap satu:
- npm run levels menyemak fail peringkat anda sebelum membina.
- npm test menjalankan ujian.
- npm run typecheck mengesan ralat jenis dalam TypeScript.
- npm run build menghasilkan folder game baharu.
Penyemak peringkat lebih penting daripada yang disangka. Teka-teki parkir rosak secara senyap: papan yang tidak boleh diselesaikan, penumpang tanpa kereta yang sepadan. Menjalankan semakan sebelum setiap binaan jauh lebih murah daripada mendengarnya daripada pemain.
Apa yang perlu diubah dahulu dalam templat permainan parkir
Kami cadangkan anda mulakan dengan empat perubahan ini, mengikut susunan.
1. Nama, logo dan penjenamaan
Tajuk HTML dan tetapan jenama terletak dalam projek sumber, dengan fail logo dalam public/ dan audio dalam foldernya sendiri. Gantikan fail dengan mengekalkan laluan yang sama, kemudian bina semula. White label dibenarkan: jenama anda atau jenama pelanggan anda menggantikan jenama kami.
2. Peringkat
Fail penyediaan peringkat ada dalam source/. Suntingnya, sahkan dengan npm run levels, bina semula dan muat naik. Manual menyediakan peta fail, jadi anda tidak perlu menyelongkar kod untuk mencari sesuatu papan.
3. Teks antara muka dan bahasa
Teks antara muka disimpan dalam fail bahasa. Jika khalayak anda menggunakan salah satu daripada 14 bahasa itu, baca setiap skrin dalam bahasa tersebut sekali, kerana biasanya ada beberapa perkataan yang wajar dilaraskan mengikut gaya bahasa jenama.
4. Tetapan permainan
Tetapan permainan disimpan dalam fail konfigurasi, bukan bertaburan dalam kod. Ubah satu nilai pada satu masa dan main beberapa peringkat selepas setiap perubahan.
- Buat sandaran pakej asal.
- Tukar fail penjenamaan, kekalkan laluannya.
- Sunting atau tambah peringkat dan jalankan npm run levels.
- Jalankan npm test dan npm run build.
- Gantikan keseluruhan folder game/ yang dihos, bukan fail satu per satu.
- Uji pada telefon dan pelayar yang digunakan oleh pemain anda.
Pengehosan, membenamkan dan gedung aplikasi
Muat naik kandungan game/ ke mana-mana hos HTTP(S) statik dan buka alamatnya. Tiada PHP, pangkalan data, akaun atau pelayan Node.js diperlukan untuk bermain. Ia berfungsi dalam subfolder atau di dalam iframe pada halaman anda sendiri, dan manual menyertakan contoh kod iframe. Beri iframe ketinggian yang cukup dan biarkan storan pelayar didayakan jika kemajuan perlu kekal selepas halaman dimuat semula.
Membuka index.html terus dari cakera tidak disokong; ia perlu disajikan melalui HTTP(S). Pelayar memerlukan JavaScript, modul ES dan WebGL2. Pemain mengetik pada skrin sentuh dan mengklik pada desktop, dan Settings ada mod grafik Low yang menjimatkan bateri pada telefon lama.
Pakej ini tidak termasuk projek aplikasi natif. Jika anda mahu permainan ini di gedung aplikasi, disambungkan ke SDK portal atau dipasang pada pelayan anda, itu perkhidmatan berasingan yang kami beri sebut harga bagi setiap projek.
Minta sebut harga untuk perubahan, pengehosan atau versi aplikasi
Apa yang tiada dalam edisi ini
Beep Out ialah permainan pemain tunggal dengan data setempat. Kemajuan, rekod dan tetapan kekal dalam pelayar pemain. Tiada mod berbilang pemain dalam talian, tiada kedudukan dalam talian atau rekod awan, tiada SDK pengiklanan dan tiada SDK portal. Aplikasi natif, pengehosan dan perkhidmatan yang dihos tidak termasuk dalam pakej.
Bagi banyak laman web, itulah bentuk yang betul: tiada apa-apa untuk diselenggara di pelayan dan tiada data pemain yang keluar dari pelayar. Jika anda perlukan papan pendahulu atau iklan, rancang kerja itu sebelum pelancaran, bukan selepasnya.
Lesen, sokongan dan harga dalam satu perenggan
Satu pembelian memberikan lesen kekal dan tidak eksklusif untuk menggunakan edisi ini dalam 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 di dalam produk itu dan menggantikan nama serta logo kami, tetapi anda tidak boleh menjual semula atau berkongsi templat, kod sumber atau asetnya secara berasingan. Sokongan selama 6 bulan, atau 12 bulan dengan lanjutan semasa pembayaran, dan merangkumi pemasangan dan penggunaan fail serta pembaikan kecacatan yang boleh dihasilkan semula. Harga senarai ialah $35; sehingga 30 November 2026, promosi Black Friday memberikan potongan 15% bagi setiap templat, jadi Beep Out berharga $29.75, dan mulai 1 Disember harga kembali kepada harga senarai.
Baca terma lesen dan sokongan sepenuhnya
Soalan lazim
Adakah saya perlukan pelayan atau pangkalan data?
Tidak. Muat naik kandungan game/ ke hos HTTP(S) statik dan buka index.html melalui alamat tersebut. Kemajuan dan rekod disimpan dalam pelayar pemain.
Bolehkah saya menambah peringkat parkir sendiri?
Boleh. Sunting fail penyediaan peringkat dalam source/, sahkan dengan npm run levels, bina semula dan gantikan folder game/ yang dihos dengan output baharu.
Adakah teka-teki trafik ini berfungsi pada telefon?
Ya. Pemain mengetik kenderaan pada skrin sentuh dan mengklik pada desktop. Pelayar mesti menyokong WebGL2, dan tetapan grafik Low membantu peranti lama. Uji pada telefon anda sendiri sebelum pelancaran.
Bolehkah saya letakkan permainan ini dalam halaman saya sendiri?
Boleh. Hos dalam mana-mana folder dan benamkan dengan iframe. Manual menyertakan contoh kod.
Adakah iklan atau skor dalam talian disertakan?
Tidak. Edisi ini tiada SDK pengiklanan, kedudukan dalam talian atau mod berbilang pemain. Menambahnya ialah kerja khas, dengan sebut harga bagi setiap projek.
Bolehkah saya guna satu lesen untuk dua pelanggan?
Tidak. Satu lesen meliputi satu produk akhir. Pelanggan kedua memerlukan lesen kedua, dan beberapa templat dalam satu pesanan mendapat diskaun pakej.
Templat teka-teki berkaitan
Jika khalayak anda lebih suka menyusun warna daripada trafik, Mochi Monsters ialah teka-teki susun warna dengan 60 peringkat dalam tiga dunia dan mod Endless (tanpa henti), $39 pada harga senarai. Jika anda mahu sesi yang lebih singkat, Gridspark ialah teka-teki blok 8×8 dengan langkah kilat ZAP dan cabaran harian berasaskan seed, $29 pada harga senarai. Kedua-duanya disertakan sumber yang mudah dibaca dan 14 bahasa antara muka.
Lihat Mochi Monsters, teka-teki susun warna
Lihat Gridspark, teka-teki blok
Membeli dua atau lebih templat dalam pesanan yang sama menurunkan harga setiap lesen: potongan 5% untuk dua, 10% untuk tiga, 15% untuk empat dan 20% untuk lima atau lebih.