Buat Permainan 2D dengan HTML5 Canvas dan JavaScript — PickAClass
3.3 (3) ⏱ 2 jam 42 mnt 📚 27 pelajaran 🎧 Versi audio

Buat Permainan 2D dengan HTML5 Canvas dan JavaScript

Belajar bagaimana memprogram permainan browser 2D responsif dari awal menggunakan JavaScript modern dan HTML5 Canvas API.

  • 💬 Instruktur AI
    Tanyakan apa pun tentang pelajaran dan dapatkan jawaban jelas seketika, kapan saja.
  • 🕐 Mulai kapan saja
    Tanpa jadwal atau tenggat — belajar dengan kecepatan sendiri, kapan pun Anda mau.
  • 🌐 Dalam bahasa Indonesia
    Pelajaran, tugas, dan sertifikat — semuanya sepenuhnya dalam bahasa Anda.

Tentang kursus ini

Apakah Anda pernah ingin membuat permainan video berbasis web Anda sendiri tetapi tidak tahu dari mana harus dimulai? HTML5 Canvas API dikombinasikan dengan JavaScript menawarkan cara yang kuat dan asli untuk membuat permainan 2D interaktif yang berjalan dengan lancar di kedua peramban desktop dan seluler. Kursus berbasis teks ini akan membawa Anda dari pemula hingga dengan percaya diri memprogram permainan web Anda sendiri. Anda akan memahami bagaimana cara mengatur loop permainan berperforma tinggi, membuat grafik, menangani masukan pemain, dan menerapkan fisika permainan tanpa bergantung pada kerangka kerja eksternal yang berat. Apa yang akan kau pelajari: - Mengerti konsep inti dari HTML5 Canvas API dan bagaimana untuk membuat bentuk dan gambar. - Bangun loop permainan 2D yang kuat menggunakan konvensi JavaScript modern untuk rendering dan kinerja yang lancar. - Buat animasi sprite dan mengelola gerakan karakter di seluruh layar. - Terapkan fisika dasar dan deteksi tabrakan untuk menangani interaksi antara objek permainan. - Implementasi kontrol responsif untuk kedua input keyboard dan peristiwa sentuh ponsel. - Konfigurasikan audio permainan, preloader, dan manajemen keadaan untuk pengalaman pengguna yang halus. Anda akan mulai dengan definisi dasar dan pengaturan kanvas sebelum melanjutkan untuk membuat gambar tunggal, animasi sprite, dan struktur logika permainan. Melalui penjelasan tertulis yang jelas, langkah demi langkah dan potongan kode praktis, Anda akan belajar bagaimana menyusun elemen-elemen ini menjadi permainan peramban yang berfungsi sepenuhnya. Kursus ini dirancang untuk pemula yang memiliki pemahaman dasar HTML dan JavaScript dan ingin menerapkan keterampilan mereka untuk pengembangan permainan. Tidak diperlukan pengalaman pemrograman permainan sebelumnya. Mulai membaca hari ini dan membangun permainan berbasis browser pertama Anda dari awal.

Apa yang Anda dapatkan

  • 📜 Sertifikat penyelesaian
    Tambahkan ke profil LinkedIn Anda
  • 💬 Tutor AI pribadi
    Bingung di tengah pelajaran? Tanya tutor bawaan kamu apa saja, kapan saja.
  • 🎧 Termasuk versi audio
    Belajar di mana saja — tanpa layar
  • ♾️ Akses seumur hidup
    Kembali kapan saja, tanpa kedaluwarsa
  • 📱 Ponsel atau komputer
    Berfungsi di mana saja, perangkat apa saja
  • 💸 Pengembalian 14 hari
    Tanpa pertanyaan
  • Singkat dan fokus
    2 jam 42 mnt konten praktis

Sertifikat penyelesaian

Setiap kursus yang Anda selesaikan di PickAClass menerbitkan kredensial seperti ini — orisinal, dengan kodenya sendiri, dapat diverifikasi via URL, dan rinci tentang yang benar-benar ditunjukkan.

P
PickAClass
Profil keterampilan · terverifikasi
Dokumen
Sertifikat Penguasaan
Ini menyatakan bahwa
Nama Lengkap
telah berhasil menunjukkan penguasaan
Buat Permainan 2D dengan HTML5 Canvas dan JavaScript
Keterampilan yang ditunjukkan
Analisis pola perilaku
Dasar
1.2 jam
Kerangka arsitektur keputusan
Mahir
1.4 jam
Desain uji A/B
Mahir
1.7 jam
Copywriting perilaku
Lanjutan
1.9 jam
P
PickAClass — Nama Lengkap
Buat Permainan 2D dengan HTML5 Canvas dan JavaScript
Halaman 2 dari 2
Detail kinerja
Ringkasan tugas kursus
Pelajaran selesai 14 / 14
Soal latihan 26 / 28
Tugas dikirim 4 (rata 4,5 / 5)
Proyek capstone Ditinjau — 4,6 / 5
Total latihan 6.2 jam
Tolok ukur kinerja
Peringkat kohort 12% teratas dari 1,625
Waktu penyelesaian 11 hari (median: 22)
Skor penguasaan 91 / 100
Skor soal latihan 94%
Verifikasi keterampilan Jalur Keterampilan terverifikasi
Verifikasi kredensial ini
pickaclass.com/certificates/PCC-2026-X4F7-AP19
Diterbitkan di bawah standar akademik PickAClass. Tingkat keterampilan mencerminkan kinerja yang dinilai terhadap rubrik kompetensi kursus. Ini kredensial orisinal platform ini.

Ulasan (3)

Oskari Niemi FI
★ 5 · 30.07.2026

isinya solid dan dipresentasikan dengan jelas aku menghargai aplikasi dunia nyata yang ditunjukkan bisa menggunakan beberapa kesempatan latihan lebih banyak

Dagmawit Mulatu ET
★ 1 · 30.06.2026

Hmm, aku berharap aplikasi yang lebih praktis penjelasannya agak abstrak dan aku belum yakin bagaimana aku akan menggunakan ini.

Mateo Herrera UY Pelajar terverifikasi
★ 4 · 28.05.2026

Sangat menikmati ini. strukturnya mengalir dengan sempurna, dan aplikasi praktisnya langsung berguna.

Tulis ulasan

Setelah mengirim kami akan meminta masuk — draf Anda tersimpan.

Pelajar lain juga mengambil

Pertanyaan umum

Apa yang saya butuhkan untuk mengikuti kursus ini? +

Cukup ponsel atau komputer dengan internet. Tidak ada instalasi atau perangkat khusus.

Bagaimana cara membayar? +

Dengan kartu via Stripe. Kami tidak menyimpan detail kartu — Stripe menanganinya dengan aman.

Bisakah saya mendapat refund? +

Ya — refund penuh dalam 14 hari, tanpa pertanyaan.

Berapa lama saya akan punya akses? +

Selamanya. Setelah membeli, kursus jadi milik Anda untuk dikunjungi lagi kapan saja.

Apakah saya akan mendapat sertifikat? +

Ya. Setelah selesai, Anda akan menerima sertifikat yang bisa ditambahkan ke profil LinkedIn.

Dibuat untuk pelajar di
Teknologi Desain Keuangan Pemasaran Kesehatan Pendidikan Perhotelan Manufaktur