Merhabalar R10 ailesi,


Bir öğrenci projesi için hazırladığım, tamamen HTML, CSS ve JavaScript kullanılarak yazılmış, şık bir Hafıza Oyunu'nu sizlerle ücretsiz olarak paylaşmak istedim.
Özellikle çocuklara yönelik sitelerinizde, 404 sayfalarınızda veya portfolyonuzda "mini game" olarak kullanabileceğiniz temiz bir altyapıdır.




🚀 Özellikleri:

  • ✅ Sabit Resim Mantığı: Her yenilemede resimler değişmez, belirlediğiniz images klasöründeki sabit resimleri çeker.
  • ✅ Tamamen Responsive: Mobilde ve masaüstünde sorunsuz çalışır.
  • ✅ Puanlama & Süre: Eşleşmelerde puan artar, hatalarda düşer.
  • ✅ Tek Dosya (Opsiyonel): İsterseniz kodları tek bir HTML içinde tutabilir, isterseniz ayırabilirsiniz.
  • ✅ Kolay Düzenleme: Renkler ve kart boyutları CSS değişkenleri (variables) ile en üstte tanımlıdır.

📂 Kurulum Mantığı (Önemli)


Kodun çalışması için resimlerinizi yerel (local) klasörden çekmesi gerekmektedir. Yapı şu şekilde olmalıdır:

  1. Bir klasör oluşturun (Örn: Oyun).
  2. İçine index.html ve images dosyasını atın.

🖼️ Görsel İsimleri


Kodda varsayılan olarak şu dosya isimleri tanımlıdır, images klasörüne bu isimlerle resim atarsanız direkt çalışır:
  • aslan.jpg
  • kaplan.jpg
  • yilan.jpg
  • maymun.jpg
  • fil.jpg
  • timsah.jpg
  • ayi.jpg
  • tavuk.jpg

Güle güle kullanın. Geliştirmek isteyen arkadaşlar dilediği gibi düzenleyebilir. Bir "Teşekkür" etmeniz veya R10+ vermeniz yeterlidir. 😊
İyi forumlar.

İndirme Linki:
https://dosya.co/ezu6usy61elo/Web2.0_Orman.rar.html