Membuat Permainan 2D dengan JavaScript dan HTML Canvas — PickAClass
4.1 (8) ⏱ 3 jam 📚 30 pelajaran 🎧 Versi audio

Membuat Permainan 2D dengan JavaScript dan HTML Canvas

Belajar dasar-dasar pemrograman permainan web dengan menulis JavaScript bersih, membuat grafik interaktif di HTML Canvas, dan menerapkan logika permainan waktu nyata.

  • 💬 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

Ingin beralih dari menulis skrip dasar ke menciptakan pengalaman web interaktif? Pengembangan game adalah salah satu cara paling menarik untuk menguasai logika pemrograman, memahami manajemen keadaan, dan membuat kode Anda hidup langsung di peramban. Kursus berbasis teks ini memandu Anda melalui prinsip dasar pemrograman permainan web 2D dari awal. Dengan membaca penjelasan terstruktur dan menganalisis contoh kode yang jelas, Anda akan belajar bagaimana struktur loop permainan, menangani masukan pengguna, dan membuat grafik responsif menggunakan JavaScript modern dan HTML Canvas API. Apa yang akan kau pelajari: - Mengerti konsep inti dari 2D game loop, frame rate, dan sistem koordinat. - Render dan animasi bentuk dinamis dan aset permainan menggunakan HTML Canvas API. - Implementasikan kontrol pengguna real-time menggunakan keyboard dan mouse event listener. - Terapkan sintaks JavaScript (ES6+) modern dan praktik pemrograman bersih untuk mengelola keadaan permainan. - Mengembangkan algoritma deteksi tabrakan dan fisika dasar untuk bergerak elemen permainan. - Membuat permainan web fungsional, termasuk permainan dayung dan bola klasik dan teka-teki pencocokan warna interaktif. Anda akan mulai dengan mengeksplorasi terminologi penting, dasar-dasar rendering kanvas, dan arsitektur sederhana keadaan permainan. Seiring Anda berkembang, Anda akan menggabungkan elemen-elemen ini untuk mengelola gerakan, mendeteksi tabrakan, dan menerapkan gaya CSS untuk membuat permainan peramban interaktif yang rapi. Kursus ini dirancang untuk pemula yang memiliki pemahaman dasar HTML dan JavaScript dan ingin menerapkan keterampilan mereka pada proyek interaktif. Tidak diperlukan pengalaman pengembangan permainan sebelumnya atau matematika tingkat lanjut. Mulai membaca hari ini untuk membangun permainan berbasis browser pertama Anda dari dasar.

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
    3 jam 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
Membuat Permainan 2D dengan JavaScript dan HTML Canvas
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
Membuat Permainan 2D dengan JavaScript dan HTML Canvas
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 (8)

William Davis AU Pelajar terverifikasi
★ 4 · 28.07.2026

Pengalaman belajar yang fantastis. lajunya sempurna, dan contohnya benar-benar menguatkan konsep. jempol besar!

Tariq Mehmood PK Pelajar terverifikasi
★ 4 · 24.07.2026

itu adalah kursus yang solid strukturnya logis dan kebanyakan contohnya membantu bisa menggunakan beberapa skenario dunia nyata.

نورة بنت إبراهيم العزري OM Pelajar terverifikasi
★ 3 · 23.07.2026

Kursusnya informatif. aku menghargai struktur dan contohnya, meskipun beberapa topik terasa sedikit terburu-buru. secara keseluruhan, pengalaman yang layak.

Eduardo Barbosa BR Pelajar terverifikasi
★ 5 · 21.07.2026

Ini adalah kursus yang bagus jika Anda memiliki beberapa pengetahuan sebelumnya untuk pemula, beberapa konsep mungkin sedikit menantang strukturnya logis, meskipun

Kenji Sato KE Pelajar terverifikasi
★ 4 · 01.07.2026

Wow, aku terkesan aplikasi dunia nyata yang ditunjukkan sangat membantu membuat ide abstrak terasa nyata nilai yang besar!

Mārtiņš Kalniņš LV
★ 4 · 05.06.2026

Ini adalah cara yang brilian untuk belajar! Strukturnya logis, kecepatannya tepat, dan contohnya sangat membantu. Sangat direkomendasikan!

نورة بنت إبراهيم العزري OM
★ 5 · 04.06.2026

Sangat menikmati kursus ini. Cara informasi dipresentasikan sangat baik, dan aplikasi praktis disorot secara efektif. Kerja bagus!

Georgi Dimitrov BG
★ 4 · 26.05.2026

itu adalah kursus yang cukup baik secara keseluruhan beberapa bagian bergerak sedikit cepat bagi saya, tetapi contoh-contoh umumnya bermanfaat.

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