01Fitur 02Spesifikasi 03Cara Pakai Coba Demo →
Partikel aktif 0 · Ledakan total 0 · Skala layar

Layar kosong, lalu meledak jadi cahaya.

Animasi kembang api berbasis canvas — ringan, responsif, dan bereaksi langsung terhadap klik atau tap. Cocok jadi latar video, live wallpaper, atau selingan visual untuk konten perayaan.

Lihat Spesifikasi

Klik atau tap di mana saja pada layar di atas untuk memicu ledakan manual · tekan H untuk sembunyikan seluruh antarmuka

Gulir untuk detail
Kenapa animasi ini

Dibangun dari partikel, bukan file video.

Semua yang meledak di layar adalah simulasi fisika real-time yang berjalan di browser — bukan rekaman. Hasilnya: ukuran file kecil, kualitas tetap tajam di resolusi apa pun, dan setiap sesi terasa berbeda.

Ledakan berbasis fisika

Tiap partikel punya kecepatan, gravitasi, dan waktu hidup sendiri, sehingga pola ledakan tak pernah identik dua kali.

Ambient synth otomatis

Empat osilator dengan low-pass filter yang digerakkan LFO membentuk lapisan suara latar yang lembut dan terus berubah.

Pop tersinkron ledakan

Setiap ledakan memicu noise burst dan nada sine yang meluncur turun — efek suara yang menyatu dengan visualnya.

Batas partikel adaptif

Sistem menahan jumlah partikel maksimum agar animasi tetap mulus meski layar diklik berkali-kali secara berurutan.

Interaksi manual

Klik atau tap memicu ledakan di titik itu juga — penonton bukan sekadar melihat, tapi ikut menyalakan layar.

Sepenuhnya responsif

Canvas menyesuaikan resolusi perangkat dan rasio piksel secara otomatis, dari layar telepon hingga proyektor lebar.

Di balik layar

Lembar spesifikasi.

Angka nyata dari mesin simulasi yang sedang berjalan di bagian atas halaman ini.

ParameterNilaiKeterangan
RenderingCanvas 2D APIDigambar ulang tiap frame lewat requestAnimationFrame, tanpa dependensi eksternal.
Batas partikel900Ledakan baru mengisi sisa kuota, bukan menumpuk tanpa batas.
Partikel / ledakan60Tersebar merata melingkar dengan sedikit variasi sudut acak.
Ledakan otomatis~ tiap 55 frameMuncul acak di area atas layar agar komposisi tetap dinamis.
Peluruhan partikel0.008 – 0.02 / frameMenentukan umur tiap partikel sebelum memudar habis.
Audio engineWeb Audio API4 osilator sawtooth + low-pass filter yang disapu oleh satu LFO 0,15 Hz.
Fade masuk audio2 detikGain dinaikkan bertahap saat backsound pertama kali diaktifkan.
Skala piksel≤ 1.5×Dibatasi agar perangkat layar tinggi tetap ringan diproses.
Cara pakai

Tiga langkah, layar penuh.

01 — Suara

Aktifkan backsound

Klik tombol backsound pada demo di atas untuk memulai lapisan synth ambient yang menemani setiap ledakan.

02 — Sentuhan

Klik atau tap layar

Setiap klik memicu ledakan baru tepat di titik kursor atau jari — cocok untuk sesi interaktif langsung.

03 — Rekam bersih

Tekan H untuk sembunyikan UI

Semua elemen antarmuka menghilang halus, menyisakan layar kembang api penuh — siap direkam atau ditayangkan.

Nyalakan layarmu sekarang.

Kembali ke Demo ↑