Fitur Urutan Render Audio Pasang di Layarku

RENDER LANGSUNG // 192×108PX

0m — permukaan

Turun ke bawah laut, tanpa basah

Terumbu.Pixel adalah akuarium piksel yang benar-benar hidup: ikan berenang bergerombol, ubur-ubur menyala berdenyut, karang bergoyang pelan — semua digambar ulang 60 kali per detik langsung di canvas, lengkap dengan suara ambient yang disintesis live, bukan file audio yang diputar ulang.

192px
Resolusi native
0
File MP3 diputar
4+
Makhluk bergerak sendiri
TANK #01
Underwater Coral Reef
8m
Spesifikasi tangki

Kenapa ini bukan sekadar GIF

Setiap makhluk di tangki ini punya fase geraknya sendiri dan digambar ulang tiap frame — bukan video yang di-loop diam-diam.

Piksel asli, bukan upscale

Digambar procedural di kanvas 192×108, lalu ditampilkan tajam pakai image-rendering pixelated — bukan foto yang dikecilin.

Suara lahir dari kode

Dengungan air, nada rendah mirip paus, dan gelembung acak — semua disintesis langsung lewat Web Audio API, tanpa file mp3.

Ekosistem yang sungguh bergerak

Tiga sekolah ikan, empat ubur-ubur menyala, rumput laut yang goyang, dan tiga jenis karang — semua punya fase acak masing-masing.

Ringan buat ditinggal nyala

Resolusi native yang kecil bikin tangki ini aman dipakai jadi wallpaper atau second-screen tanpa bikin laptop panas.

Urutan render

6 lapisan yang digambar ulang tiap frame

Ini urutan asli yang dijalankan setiap requestAnimationFrame — bukan cuma daftar fitur, tapi tumpukan gambar sungguhan dari belakang ke depan.

01

Gradasi air

Lapisan paling belakang — warna biru terang dekat permukaan berangsur jadi nyaris hitam menuju dasar tangki.

02

Cahaya tembus (god rays)

Balok cahaya matahari yang bergoyang pelan menembus kolom air, memberi kedalaman sebelum objek lain digambar.

03

Ubur-ubur menyala

Glow ungu yang berdenyut digambar dulu, baru tubuh dan tentakel ubur-ubur di atasnya, biar cahayanya terasa menyebar.

04

Rumput laut & dasar karang

Batang rumput laut bergoyang, disusul tiga jenis karang — cabang, kipas, dan otak — masing-masing pakai pola gambar sendiri.

05

Sekolah ikan & gelembung

Makhluk kecil yang terus bergerak melintasi bingkai, tiap ekor dan gelembung punya kecepatan serta fase goyang sendiri.

06

Vignette kedalaman

Lapisan paling depan — gradasi gelap di tepi layar supaya mata langsung fokus ke tengah tangki.

15m
Audio generatif

Suaranya juga hidup, bukan rekaman

Tombol suara di tangki bukan cuma memutar file — dia menyalakan oscillator dan noise buffer yang jalan langsung di browser. Dengungan air rendah, nada mirip paus yang melayang pelan, dan gelembung acak yang muncul tiap beberapa detik, semuanya dibangun real-time.

Lowpass Hum Whale Drift Oscillator Random Bubble Blips
🔊 Suara Aktif

Pasang tangki ini di layar kamu

Satu file HTML, canvas-based, dengan audio yang disintesis live. Tinggal ganti palet karang dan kecepatan arus sesuai suasana yang kamu mau.

Ambil Kode Sumbernya