Latihan 1: Canvas Animation Lanjutan — Web Animation

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

Implementasikan particle system simulator (logika murni, tanpa Canvas API sungguhan).

createParticle(x, y, vx, vy, life), kembalikan object { x, y, vx, vy, life, maxLife: life, opacity: 1 }.

updateParticle(particle, dt), kembalikan partikel baru dengan:

createParticleSystem(maxParticles), kembalikan { particles: [], maxParticles }.

emitParticle(system, particle), tambahkan partikel ke system jika belum penuh, kembalikan system yang sudah diperbarui.

updateSystem(system, dt), perbarui semua partikel, hapus yang sudah mati.

Hint