Kenapa Layak Lapisan Render Gaya Jalan Pasang di Layarku

KM 000 // GURUN TAK BERUJUNG

Catatan perjalanan // km 000

Unta yang jalan terus, gurun yang tak pernah habis

Kafilah.Pixel adalah animasi pixel-art unta berjalan lengkap dengan penunggang, tujuh lapis parallax gurun, dan debu yang muncul tiap kaki menyentuh pasir — semua digambar ulang langsung di canvas, looping tanpa terlihat sambungannya.

320×160
Resolusi native
3
Sendi per kaki unta
7
Lapis parallax
POS
GURUN
KM 000
Spesifikasi kafilah

Kenapa perjalanan ini layak dipajang

Bukan cuma unta jalan di tempat. Tiap lapisan gurun dan tiap sendi kaki dirancang biar perjalanannya kerasa hidup dan tidak pernah kelihatan mengulang.

Loop tanpa ujung

Dune, awan, dan kaktus discroll balik ke posisi awal secara mulus — unta seakan jalan selamanya tanpa titik sambungan yang kelihatan.

Parallax tujuh lapis

Pegunungan jauh, bukit pasir, dan pasir depan bergerak dengan kecepatan berbeda — bikin kedalaman padahal cuma gambar 2D.

Jalan kaki yang anatomis

Tiap kaki unta punya tiga sendi — paha, betis, kaki — dan bergerak dengan gaya pacing asli unta, bukan animasi generik jalan di tempat.

Ringan tanpa video

Semua digambar procedural, jadi ukuran file kecil dan lancar diputar di device apa pun, tanpa perlu sprite sheet atau file video.

Urutan render

7 lapisan dalam satu frame

Ini urutan asli yang digambar ulang tiap requestAnimationFrame, dari langit paling belakang sampai kafilah paling depan.

01

Langit & matahari

Gradasi langit empat warna, lalu bola matahari dengan glow radial dan garis cahaya yang berdenyut pelan.

02

Awan melayang

Gumpalan awan berlapis dengan shading lembut, masing-masing bergerak dengan kecepatannya sendiri.

03

Pegunungan jauh

Siluet gunung dengan shading tipis, bergerak paling lambat dari semua lapisan untuk efek kedalaman.

04

Bukit pasir

Dua lapis bukit pasir dengan gradasi warna berbeda, bergerak lebih cepat dari pegunungan di belakangnya.

05

Pasir depan & jejak angin

Permukaan pasir paling depan lengkap dengan garis-garis jejak angin yang ikut discroll ke arah yang sama.

06

Kaktus & batu

Objek dekorasi yang discroll looping dari kanan ke kiri, masing-masing dengan bayangan lonjong di bawahnya.

07

Debu & kafilah

Partikel debu yang muncul tiap kaki menapak, lalu unta dan penunggang digambar paling depan sebagai fokus utama.

Detail kaki

Kenapa jalannya kelihatan nyata

Kebanyakan animasi jalan cuma menggerakkan dua kaki bolak-balik. Di sini, tiap kaki unta punya tiga sendi bergerak — paha, betis, telapak — dan mengikuti gaya "pacing": unta menggerakkan kedua kaki di sisi tubuh yang sama secara bersamaan, bukan menyilang seperti kuda. Detail kecil inilah yang bikin jalannya kerasa hidup, bukan sekadar animasi loop dua frame.

Gaya Pacing 3 Sendi per Kaki Debu Prosedural
Skema Tumpuan Kaki
Sisi Kiri
Sisi Kanan
Pasangan kaki tiap sisi melangkah bersamaan — ciri khas gaya pacing.

Pasang kafilah ini di layar kamu

Satu file HTML, canvas-based, tanpa dependency video atau sprite sheet. Tinggal ganti warna robe penunggang atau kecepatan angin sesuai suasana yang kamu mau.

Ambil Kode Sumbernya