Pilih Gambar & Kesulitan

đŸ–ŧī¸ Pilih Gambar
đŸŽ¯ Pilih Kesulitan
Waktu 00:00
Langkah 0
Skor 0
Target:
🎉

Selamat!

Kamu berhasil menyelesaikan puzzle!

âąī¸ Waktu --:--
đŸ‘Ŗ Langkah 0
⭐ Skor 0
🏅 Rating ⭐⭐⭐

📖 Tutorial

🧩

Apa itu Sliding Puzzle?

Sliding Puzzle adalah permainan di mana kamu harus menyusun keping gambar yang teracak menjadi gambar utuh dengan cara menggeser keping ke ruang kosong.

1
2
3
4
6
7
5
8
→
1
2
3
4
5
6
7
8
👆

Cara Bermain

Klik atau sentuh keping yang bersebelahan dengan ruang kosong untuk menggesernya. Kamu hanya bisa menggeser keping yang langsung berbatasan dengan ruang kosong.

✅ Klik keping di atas, bawah, kiri, atau kanan ruang kosong
❌ Tidak bisa menggeser keping diagonal
✅ Keping akan otomatis bergeser ke ruang kosong
đŸŽ¯ Susun semua keping sesuai urutan angka/gambar
đŸŽ¯

Tingkat Kesulitan

😊 Mudah 3×3 grid (8 keping) — Cocok untuk pemula
😤 Normal 4×4 grid (15 keping) — Butuh strategi
😰 Sulit 5×5 grid (24 keping) — Untuk ahli puzzle!
⭐

Sistem Skor

Skor dihitung berdasarkan waktu dan jumlah langkah. Semakin cepat dan sedikit langkah, semakin tinggi skormu!

⭐⭐⭐ Sempurna! Langkah & waktu optimal
⭐⭐ Bagus! Sedikit di atas rata-rata
⭐ Selesai! Terus berlatih
💡

Tips & Trik

💡 Gunakan tombol Petunjuk jika bingung
đŸ‘ī¸ Tombol Lihat Asli untuk melihat gambar lengkap
đŸ”ĸ Selesaikan baris atas dulu, baru baris bawah
🔄 Fokus pada sudut kiri atas sebagai titik referensi
âąī¸ Latihan rutin akan meningkatkan kecepatanmu!

🏆 Leaderboard

âš™ī¸ Pengaturan

🔊 Efek Suara Suara saat menggeser keping
đŸŽĩ Musik Latar Musik selama bermain
📱 Animasi Animasi geser keping
đŸ”ĸ Tampilkan Angka Tampilkan nomor urut di keping

🎨 Tema

â„šī¸ Tentang Game

PuzzleHave

Versi 1.0.0

📌 Deskripsi

PuzzleHave adalah game sliding puzzle berbasis web yang bisa dimainkan langsung di browser tanpa perlu instalasi. Susun kepingan gambar acak menjadi gambar utuh!

🎮 Fitur

  • ✅ 3 tingkat kesulitan (3×3, 4×4, 5×5)
  • ✅ Berbagai pilihan gambar menarik
  • ✅ Sistem skor & leaderboard
  • ✅ Tutorial interaktif
  • ✅ 6 tema visual berbeda
  • ✅ Animasi halus
  • ✅ Responsif di semua perangkat
  • ✅ Fitur petunjuk & lihat asli

đŸ› ī¸ Teknologi

Dibangun dengan HTML5, CSS3, dan JavaScript vanilla. Tidak memerlukan framework atau library eksternal.

👨‍đŸ’ģ Developer

Dibuat oleh sangfariz16-gif

Repository: github.com/sangfariz16-gif/PuzzleHave