Kunjungi Stasiun
PIXEL ART · SENJA MUSIM GUGUR

Satu stasiun sepi, senja yang tak pernah usai

Kelopak sakura berguguran, lentera bergoyang pelan, dan kereta yang datang lalu pergi — semuanya digambar ulang setiap frame di atas kanvas 192×108 piksel, ditemani ambience angin dan lonceng angin yang dibangkitkan langsung oleh browser Anda.

Jelajahi Detailnya Dengar Lapisan Suaranya
Autumn Sakura Station
45kelopak partikel berguguran
4lapis gradasi langit senja
0file audio — ambience dibangkitkan langsung
60fpskanvas ringan, discale tajam
KENAPA INI TERASA HIDUP

Setiap detail kecil punya alasan

Dari goyangan lentera hingga kereta yang berhenti lalu datang lagi, setiap elemen dihitung dengan fungsi waktu dan keacakan yang terkontrol supaya suasana terasa alami, bukan berulang secara kaku.

☾

Langit senja empat lapis

Gradien vertikal berpindah dari ungu malam ke jingga hangat, memberi kesan waktu yang membeku tepat di ambang senja — dilukis ulang tiap frame tanpa gambar latar statis.

✿

Sakura yang melambai

Tiap klaster kelopak bergoyang dengan fase sinus sendiri, jadi kedua pohon tidak pernah bergerak dengan pola yang persis sama.

❋

Kelopak berguguran alami

45 partikel dengan posisi awal acak berbibit tetap, kecepatan jatuh dan arah hanyut masing-masing berbeda tipis.

🚃

Kereta datang & pergi

Kereta melintas dengan jendela menyala berkelip prosedural, lalu berhenti sejenak dengan jeda acak sebelum muncul kembali dari sisi layar.

🏮

Lentera bergoyang & berkedip

Setiap lentera punya fase ayunan dan kedipan cahaya sendiri lewat radial gradient, menghangatkan atap peron yang temaram.

◐

Resolusi rendah, tampil tajam

Digambar di kanvas 192×108 lalu diskalakan responsif dengan image-rendering: pixelated, tetap tajam di layar sekecil maupun selebar apa pun.

TELINGA JUGA DIAJAK HADIR

Empat lapis ambience prosedural

Tidak ada satu pun berkas audio yang dimuat — seluruh suasana suara dibangkitkan langsung lewat Web Audio API saat Anda menekan tombol suara.

Kenapa dibangkitkan, bukan direkam

Dengan osilator dan noise buffer yang dihasilkan di browser, suasana suara tetap ringan untuk diunduh, mudah disesuaikan, dan tidak pernah terasa mengulang secara identik — setiap kunjungan ke stasiun ini terdengar sedikit berbeda.

Angin lembut
Noise buffer disaring band-pass, mengalun konstan sebagai dasar suasana.
Lonceng angin pentatonik
Enam nada dipilih acak dengan jeda tak beraturan, meniru chime yang tertiup angin.
Pad akor hangat
Empat akor bergantian setiap tujuh detik, memberi nuansa nostalgia yang lembut.
Klakson kereta jarang
Sesekali terdengar dari kejauhan, muncul di jeda waktu acak agar terasa alami.

Tempel di proyek Anda

Seluruh visual dan audio berjalan penuh di sisi klien — cocok sebagai latar ambient untuk halaman santai, layar tunggu, atau materi promosi bertema musiman.

  • Satu file HTML mandiri — tidak ada proses build atau paket eksternal.
  • Kanvas menyesuaikan lebar wadahnya secara responsif, tetap tajam berkat rendering pixelated.
  • Suara baru aktif setelah pengguna menekan tombol, sesuai kebijakan autoplay browser modern.
  • Tidak ada permintaan jaringan tambahan dan tidak ada pelacakan pengguna.
<!-- sematkan langsung -->
<canvas id="c"></canvas>
<script src="sakura-station.js"></script>

// aktifkan ambience audio
// klik tombol 🔊 di pojok kiri atas kanvas
// klik sekali lagi untuk membisukan