Bu oyun, Berb Hike adlı oyundan esinlenilerek HTML, CSS ve JavaScript kullanılarak geliştirilmiştir. Oyuncunun amacı, yıldızları toplayarak bölümleri tamamlamaktır. Basit, keyifli ve görsel olarak dikkat çekici bir deneyim sunmayı hedefler.
- 🟩 Yeşil Karolar: Sabit zeminlerdir. Üzerlerinden dilediğiniz kadar geçebilirsiniz.
- 🟦 Mavi Karolar: Değişken zeminlerdir. Üzerinden geçip ayrıldığınızda şekil değiştirir.
- ⛔ Engeller: Mavi karolarda engeller azalır. Engeller zar yüzeyindeki desenlere benzer şekildedir. Engeller bitince karo yok olur ve geçilmez hale gelir.
- ⭐ Yıldızlar: Tüm yıldızlar toplandığında sonraki bölüme geçilir.
| Tuş | İşlevi |
|---|---|
| ← ↑ → ↓ | Karakteri hareket ettirir |
Projeyi çalıştırmak için sadece aşağıdaki adımları izlemeniz yeterlidir:
1. Bu repository’yi klonlayın:
git clone https://github.com/kullanici-adi/berb-hike.git
2. Proje klasörünü açın ve `index.html` dosyasını tarayıcınızda açın.Proje herhangi bir kurulum veya bağımlılık gerektirmez.
Oyunun kısa tanıtım videosunu buradan izleyebilirsiniz:
📺 Berb Hike – Oynanış Videosu (YouTube)
Oyunu hemen oynamak için aşağıdaki bağlantıya tıklayın:
👉 Berb Hike – Oyna
Bu projede kullanılan karakter ve obje görselleri Freepik.com üzerinden ücretsiz lisansla edinilmiştir.
-
Düz bakış karakter: Funny Character Icon Design (ID: 417983229)
-
Yandan bakış karakter: Funny Character Icon Design (ID: 417983222)
-
Yıldız (toplanabilir obje): 3D Cute Smooth Star (ID: 38740887)
-
Ağaç (arka plan nesnesi): Silhouette Trees Isolated (ID: 133741864)
Image by Freepik - https://www.freepik.com
-
🎙️ Anlatım Seslendirmesi: Örnek oynanış videosunun başındaki anlatım, TTSMP3.com üzerinden Türkçe “Filiz” sesi kullanılarak oluşturulmuştur.
-
🎵 Arka Plan Müziği: Pixabay - Background Music sitesinden lisanssız müzikler alınmıştır.
-
✨ Yıldız Toplama Efekti: Pixabay - Sound Effects üzerinden alınmıştır.
Tüm ses ve müzikler ticari kullanım dahil olmak üzere telif hakkı içermeyen lisanslarla kullanılmıştır.
İkinci bölümden örnek oyun içi görüntü
Birinci bölümden mavi karolar yok olduğundaki görüntü
- Bu proje temel seviyede HTML/CSS/JavaScript bilgisiyle yapılmıştır.
- Amaç hem oyun geliştirmeye giriş hem de yaratıcı bir ürün ortaya koymaktır.
- Yeni bölümler ve özellikler ileride eklenecektir.
- Geri tuşu gibi oyunu daha kullanışlı hale getirilecek fonksiyonlar eklenebilir.
Bu proje eğitim amaçlıdır. Kullanılan görsel ve seslerin telif hakları kaynak sitelere aittir. Kodlar MIT Lisansı ile kullanılabilir.