Bagaimana Saya Memenangi Cabaran Pengaturcaraan JSM

Dalam dunia cabaran pengaturcaraan yang luas, Cabaran Pengaturcaraan JSM menonjol sebagai peluang cemerlang untuk pembangun mempamerkan kemahiran dan kreativiti mereka. Tema bulan lepas, "Permainan Video", menetapkan pentas untuk pertandingan menarik yang mendorong para peserta untuk meneroka sempadan baharu dalam pembangunan permainan. Dalam catatan blog ini, saya akan berkongsi perjalanan saya tentang cara saya mencipta "Cosmic Explorer", permainan yang akhirnya membawa saya kepada kemenangan dalam pengembaraan pengekodan antara bintang ini.

Permainan: Penjelajah Kosmik
Kod: GitHub

Cabaran: Alam Semesta Kemungkinan

Cabaran Pengaturcaraan JSM mempersembahkan peserta dengan tema yang luas: "Permainan Video". Kami mempunyai kebebasan untuk mencipta permainan video dari awal, menggunakan API permainan atau membina halaman peminat untuk permainan sedia ada. Kemungkinannya tidak berkesudahan seperti kosmos itu sendiri.

Memilih Laluan Saya: Kelahiran Penjelajah Kosmik

Selepas beberapa sesi percambahan fikiran dengan teman wanita saya (yang, amaran spoiler, menjadi senjata rahsia saya dalam cabaran ini), kami memutuskan untuk memulakan mencipta permainan berasaskan ruang. Oleh itu, "Penjelajah Kosmik" lahir - permainan yang berpusat di sekitar penerokaan angkasa lepas, pengumpulan sumber dari planet yang jauh dan memerangi kapal musuh.

Persediaan untuk Perjalanan: Fasa Pembelajaran

Salah satu keputusan paling penting yang saya buat ialah memilih Phaser sebagai perpustakaan pembangunan permainan saya. Walaupun tidak pernah mencipta permainan web sebelum ini, saya tertarik dengan keupayaan Phaser dan memutuskan untuk mengambil bahagian. Keputusan ini menetapkan peringkat untuk cabaran terbesar saya dan pengalaman pembelajaran saya yang paling penting semasa pertandingan.

// Example of initializing a Phaser game
const config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    scene: {
        preload: preload,
        create: create,
        update: update
    }
};

const game = new Phaser.Game(config);

Medan Asteroid Paling Sukar: Menguasai Fasa

Pembelajaran Fasa sambil membangunkan permainan secara serentak adalah seperti menavigasi medan asteroid pada kelajuan meledingkan. Keluk pembelajaran adalah curam, dan kadang-kadang, saya berasa seperti hilang di angkasa. Walau bagaimanapun, semasa saya maju, perkara-perkara mula klik pada tempatnya. Kod saya mungkin lebih menyerupai spageti daripada carta bintang yang kemas, tetapi ia berjaya menyelesaikan tugas.

// Example of adding a sprite in Phaser
function create() {
    this.add.image(400, 300, 'sky');
    this.player = this.physics.add.sprite(100, 450, 'player');
    this.player.setCollideWorldBounds(true);
}

Nebula Tidak Dijangka: Persaingan sengit

Cabaran berlangsung selama 24 hari, fikir saya memulakan perjalanan saya 5 hari selepas pelancaran awal. Sepanjang masa ini, saya mendekati pembangunan Cosmic Explorer dengan sikap santai. Saya mengusahakannya apabila saya berasa terinspirasi dan berehat apabila saya perlu. Pendekatan ini memastikan proses itu menyeronokkan dan menghalang keletihan.

Buruj Baharu: Pembelajaran dan Pertumbuhan

Melalui cabaran ini, saya menemui buruj baharu dalam kit alat pengaturcaraan saya - Phaser. Belajar menggunakan pustaka ini membuka galaksi baharu tentang kemungkinan dalam pembangunan permainan yang tidak pernah saya terokai sebelum ini.

Formula Kemenangan: Nostalgia dan Permainan Lancar

Saya percaya apa yang membezakan Cosmic Explorer ialah gabungan seni piksel yang mendorong nostalgia (yang semuanya dibuat oleh teman wanita saya yang hebat, dan pasti membuatkan saya menang) dan elemen permainan moden. Latar belakang bintang paralaks mencipta pengalaman yang mengasyikkan, manakala sistem pergerakan mendapat pujian daripada ramai pemain. Kesan bunyi yang diilhamkan retro menambah satu lagi lapisan daya tarikan yang bergema dengan juri dan pemain.

// Example of creating a parallax background
function create() {
    this.bg1 = this.add.tileSprite(0, 0, config.width, config.height, 'background1').setOrigin(0, 0);
    this.bg2 = this.add.tileSprite(0, 0, config.width, config.height, 'background2').setOrigin(0, 0);
}

function update() {
    this.bg1.tilePosition += 0.5;
    this.bg2.tilePosition += 1;
}
// This was not my solution, but the same principle. Check out the GitHub repo for the solution :)

Nasihat untuk Kadet Angkasa Masa Depan

Bagi mereka yang ingin memulakan pengembaraan pengekodan yang serupa, inilah nasihat saya:

1. Lakukan untuk keseronokan, bukan sebagai pekerjaan.
2. Beristirahat apabila anda memerlukannya - alam semesta akan tetap ada apabila anda kembali.
3. Harapi pengalaman pembelajaran.
4. Jangan patah semangat dengan persaingan yang sengit - jadikan ia sebagai motivasi.
5. Ingat, tidak menang tidak bermakna program anda tidak bagus. Setiap ciptaan ada nilai.

Kesimpulan

Memenangi Cabaran Pengaturcaraan JSM dengan Cosmic Explorer adalah satu perjalanan yang luar biasa melalui pembangunan permainan yang luas. Ia mengajar saya kemahiran baru, menolak sempadan saya, dan yang paling penting, mengingatkan saya tentang kegembiraan pengekodan. Sama ada anda seorang kapten angkasa lepas berpengalaman atau kadet baru, saya menggalakkan anda untuk menghadapi cabaran yang sama. Anda tidak pernah tahu dunia baharu yang mungkin anda temui.

Selamat pengekodan, dan semoga masa penyusunan anda singkat dan pepijat anda sedikit!

Atas ialah kandungan terperinci Bagaimana Saya Memenangi Cabaran Pengaturcaraan JSM. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!