Partikel aktif 0 · Radius orbit maks 0px · Rona inti

Ribuan titik cahaya, satu pusat gravitasi.

Partikel-partikel mengorbit dengan kecepatan dan arah masing-masing, berdenyut lembut di sekitar inti bercahaya — galaksi mini yang dirender penuh di canvas, tanpa satu pun file video.

Lihat Spesifikasi

Aktifkan backsound untuk pad ambien etherial · tekan H untuk sembunyikan antarmuka

Gulir untuk detail
Kenapa animasi ini

Ratusan partikel, tanpa membebani perangkat.

Efek cahaya galaksi biasanya mahal untuk dirender penuh layar. Di sini, setiap kilau dibangun dari kombinasi blending warna dan lingkaran halo sederhana — bukan efek bayangan berat — sehingga tetap mulus bahkan di perangkat menengah.

Kepadatan partikel adaptif

Jumlah partikel dihitung dari luas layar dan dibatasi maksimum 500, menjaga animasi tetap ringan di layar sekecil maupun selebar apa pun.

Glow tanpa shadowBlur

Efek cahaya dibentuk lewat mode blending "lighter" dan halo lingkaran lembut, jauh lebih hemat proses dibanding shadow per-partikel.

Wobble orbit organik

Setiap partikel berdenyut mengikuti gelombang sinus tersendiri, membuat lintasan orbit terasa hidup, bukan lingkaran sempurna yang kaku.

Inti cahaya tunggal

Pusat galaksi memakai satu radial gradient murah, bukan lapisan gambar berulang, tapi tetap terasa sebagai sumber cahaya utama.

Pad ambien etherial

Lima nada dipasangkan dengan versi terdetune 0,4% dan diberi delay bergema, membentuk lapisan suara luas seperti ruang hampa.

Sepenuhnya responsif

Resize di-debounce 150ms dan seluruh galaksi dihitung ulang 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.
Jumlah partikel(lebar × tinggi) ÷ 4200, maks 500Menyesuaikan kepadatan terhadap luas layar aktual, dibatasi agar tetap ringan.
Radius orbit20px + hingga 45% sisi terpendekMembentuk galaksi yang selalu proporsional terhadap ukuran jendela.
Kecepatan orbit0.001 – 0.005 rad/frameArah searah atau berlawanan jarum jam ditentukan acak per partikel.
Wobble± 8px, laju 0.03/frameMenambah kesan organik pada lintasan orbit yang seharusnya elips sempurna.
Inti cahayaRadial gradient 120pxTiga titik warna: putih di tengah, ungu di tepi, transparan di luar.
Audio engineWeb Audio API5 pasang osilator sine (A2–B3) dengan detune 0,4% + delay 0,65 dtk, feedback 0,35.
Fade masuk audio3 detikGain dinaikkan bertahap saat backsound pertama kali diaktifkan.
Cara pakai

Tiga langkah, layar penuh.

01 — Suara

Aktifkan backsound

Klik tombol backsound pada demo di atas untuk memulai pad ambien etherial yang menemani orbit partikel.

02 — Amati

Perhatikan orbit yang bergeser

Setiap partikel bergerak dengan kecepatan dan arah sendiri di sekitar inti cahaya yang berpendar lembut.

03 — Rekam bersih

Tekan H untuk sembunyikan UI

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

Nyalakan galaksimu sendiri.

Kembali ke Demo ↑