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.
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.
Kodun çalışması için resimlerinizi yerel (local) klasörden çekmesi gerekmektedir. Yapı şu şekilde olmalıdır:
Kodda varsayılan olarak şu dosya isimleri tanımlıdır, images klasörüne bu isimlerle resim atarsanız direkt çalışır:
İNDİR :
Ö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:
- Bir klasör oluşturun (Örn: Oyun).
- İç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
İNDİR :
İçeriği görüntülemek için Giriş yapın veya Kayıt olun.
