VOYAGER‑7 · KANAL PIXEL
SINYAL NOMINAL
Transmisi diterima // frame melayang

RETRO SPACE
VOYAGER

Di belakang halaman ini, langit yang sebenarnya melintas pelan — bintang lembut, debu antariksa yang nyaris tak terlihat. Instrumen di bawah membaca langit yang sama lalu menerjemahkannya jadi piksel: kasar, bersuara, dan bisa Anda atur sendiri.

Retro Space Voyager
Kecepatan
0.42c
Haluan
271°
Objek terdekat
Sabuk Asteroid
Waktu misi
00:00:00
Bintang jatuh sedang
Kecepatan hanyut 1.0×
Volume dengungan 50%
Nuansa debu
Catatan misi
LOG · 04:12

Dua lapisan, satu mesin

Latar di balik judul dan viewport pixel di bawahnya dijalankan oleh mesin bintang yang sama — hanya diberi wajah berbeda. Latar dirender halus dan senyap; viewport dirender kasar dan bersuara.

LOG · 04:47

Warna bintang mengikuti suhunya

Sebagian besar bintang putih-kekuningan, sebagian kecil biru pucat atau jingga pucat — mengikuti cara bintang sungguhan berpendar menurut suhu permukaannya, bukan warna acak.

LOG · 05:03

Dengungan mesin, dibangun dari nol

Suara latar bukan berkas audio, melainkan gelombang sinus dan noise yang disusun langsung di peramban — drone bass, hamparan berkilau, dan ping radar yang muncul sesekali.

LOG · 05:31

Ringan secara sengaja

Latar belakang memakai koordinat pecahan (bukan piksel tetap) agar tahan diubah ukuran tanpa dihitung ulang, dan resolusi kanvasnya dibatasi — jadi tetap mulus di perangkat yang lebih lemah.

Spesifikasi transmisi
Viewport pixel
192 × 108px native, diskalakan tanpa penghalusan
Latar hero
Kanvas terpisah, resolusi mengikuti ukuran layar (dibatasi hingga 1.5× device pixel ratio)
Lapisan render
Langit → debu antariksa → bintang → planet → sabuk asteroid → kapal → vignette
Sintesis audio
Web Audio API — osilator drone, pad sapuan filter, noise band-pass, ping radar dengan delay feedback
Ketergantungan
Nol — satu berkas HTML, tanpa aset gambar atau pustaka eksternal selain font
Kompatibilitas
Peramban modern dengan dukungan Canvas 2D dan Web Audio (Chrome, Firefox, Safari, Edge)
Bawa pulang
Pertanyaan umum
Apakah animasi ini membebani perangkat?

Tidak. Viewport pixel dirender pada resolusi native 192×108px, dan latar hero membatasi resolusinya sendiri berdasarkan ukuran layar — jumlah piksel yang dihitung setiap frame tetap kecil meski tampil besar.

Kenapa suaranya tidak langsung menyala?

Peramban mengharuskan interaksi pengguna sebelum memutar audio. Tombol suara di pojok viewport memulai konteks Web Audio saat pertama kali disentuh.

Bolehkah saya pakai ini di proyek sendiri?

Boleh. Unduh berkasnya lewat tombol di atas, lalu sunting bebas — warna, kecepatan, dan tata letak semuanya berupa kode biasa yang mudah diubah.

Apakah panel kendali mengubah latar hero juga?

Ya. Kecepatan hanyut, frekuensi bintang jatuh, dan volume terhubung ke satu keadaan bersama, jadi geserannya berlaku di latar hero dan viewport pixel sekaligus.