TAMAN SATWA ANTARIKSA · INTERAKTIF & BERSUARA

Empat makhluk piksel, tiga alam semesta, satu kanvas yang bernyanyi

Pilih kucing, rubah, kelinci, atau anjing piksel — lalu pindahkan mereka ke alam Aurora yang tenang, Sunset yang melesat cepat, atau Cosmic Gold yang mengorbit planet. Setiap alam punya gerakan, jejak, dan musik prosedural sendiri, semuanya dihitung langsung oleh browser Anda.

Jelajahi Fitur Lihat Tiga Alam Semesta

KANVAS INTERAKTIF · KLIK UNTUK AKTIFKAN SUARA

4makhluk piksel yang bisa dipilih

3alam semesta dengan gerak & musik berbeda

0file audio — musik dibangkitkan langsung

60fpsanimasi Canvas API yang ringan

KENAPA INI BERBEDA

Bukan sekadar animasi, tapi taman bermain kecil

Setiap tombol punya efek nyata: makhluk berganti wujud, alam berganti hukum gerak, dan telinga Anda mendengar nada yang berbeda pula.

◎

Sprite piksel tangan, bukan gambar impor

Kucing, rubah, kelinci, dan anjing digambar dari grid angka langsung di dalam JavaScript — tidak ada file gambar yang perlu dimuat, tidak ada delay saat berganti makhluk.

∿

Tiga hukum gerak berbeda

Aurora mengambang pelan, Sunset melesat menyilang layar, Cosmic Gold mengorbit planet dalam elips — pola matematis yang unik untuk tiap alam.

♪

Musik prosedural Web Audio

Setiap alam memutar pola nada osilator sendiri — square, sawtooth, atau sine — dibangkitkan real-time tanpa satu pun berkas audio.

≈

Jejak berkarakter per alam

Pita aurora bergelombang, afterimage kecepatan ala anime, atau taburan percikan orbit — jejak makhluk dirender ulang tiap frame sesuai tema aktif.

✺

Langit hidup dengan nebula & bintang

Gradien radial nebula bergeser lembut dan ratusan bintang berkedip independen memberi kedalaman tanpa membebani frame rate.

⏻

Kontrol instan, tanpa reload

Play/pause dan mute merespons seketika — animasi dan musik berhenti serta lanjut secara sinkron dalam satu klik.

PILIH PENGHUNI

Empat makhluk, empat kepribadian piksel

Tiap makhluk punya palet warna dan siluet sendiri, siap diganti kapan saja sambil animasi tetap berjalan.

Kucing

Tenang & abu-abu lembut

Rubah

Jingga cerah & lincah

Kelinci

Lembut & bertelinga panjang

Anjing

Hangat & bersahabat

HUKUM ALAM

Tiga alam semesta, tiga bahasa gerak

Warna, kecepatan, jejak, dan musik berubah total setiap kali alam diganti — bukan cuma palet warna yang diganti.

ALAM 01

Aurora

Nebula ungu-teal tenang, makhluk mengambang pelan dengan jejak pita bergelombang.

gerak: mengambang · nada: square

ALAM 02

Sunset

Langit magenta-jingga, makhluk melesat menyilang layar meninggalkan jejak afterimage.

gerak: melesat · nada: sawtooth

ALAM 03

Cosmic Gold

Ruang gelap keemasan, makhluk mengorbit planet dalam elips lebar ditaburi percikan.

gerak: mengorbit · nada: sine

Tempel di proyek Anda, tanpa server tambahan

Seluruh pengalaman — grafik, gerak, dan musik — berjalan penuh di sisi klien. Cukup satu file untuk disematkan sebagai widget interaktif di halaman mana pun.

Satu file HTML mandiri — tidak ada proses build atau paket npm.
Kanvas menyesuaikan wadahnya secara responsif dan tetap tajam berkat rendering pixelated.
Musik memakai Web Audio API bawaan browser, aktif setelah klik pertama sesuai kebijakan autoplay.
Tidak ada pelacakan pengguna dan tidak ada permintaan jaringan tambahan.

<!-- sematkan langsung -->
<canvas id="scene"></canvas>
<script src="space-menagerie.js"></script>

// ganti makhluk & alam
// cukup klik swatch di panel kontrol
// musik & gerak menyesuaikan otomatis