Latihan 1: Canvas Animation — Creative Web

Latihan 1 dari materi Canvas Animation di Creative Web — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Buat simulasi bola memantul sederhana:

  1. Buat variabel x = 100, y = 100, dx = 2, dy = 3, radius = 20
  2. Buat function update() yang:
    • Menambah x dengan dx dan y dengan dy
    • Jika x + radius > 600 atau x - radius < 0, balik arah dx (kali -1)
    • Jika y + radius > 400 atau y - radius < 0, balik arah dy (kali -1)
  3. Jalankan update() sebanyak 100 kali
  4. Print posisi akhir: console.log(x + "," + y)
  5. Print arah akhir: console.log(dx + "," + dy)

Hint