Bu uygulama, belirlediğiniz 4 harfli 5 farklı kelimeyi (ORUÇ, MEAL, ELMA, OKUL, KARE) 9x9 boyutundaki bir matris içerisine rastgele yönlerde yerleştiren, ardından boş kalan hücreleri rastgele harflerle dolduran bir Kelime Bulmaca (Word Search) Oyunudur.
Aşağıda uygulamanın teknik ve tasarımsal özellikleri detaylandırılmıştır:
1. Teknik Altyapı ve Algoritma
Uygulama, modern web standartları olan HTML5, CSS3 ve jQuery kütüphanesini kullanarak istemci tarafında (client-side) çalışır.
Dinamik Yerleştirme: Kelimeler her sayfa yenilendiğinde farklı koordinatlara ve 8 farklı yöne (yatay, dikey ve çapraz) yerleştirilir.
Çakışma Kontrolü: Yazılan algoritma, bir kelimeyi yerleştirmeden önce o hücrelerin boş olup olmadığını veya halihazırda yerleştirilmiş bir kelimenin aynı harfiyle kesişip kesişmediğini kontrol eder.
Hata Yönetimi: Eğer rastgele seçilen konum kelimenin sığmayacağı bir yerse, uygulama otomatik olarak yeni bir konum dener.
Boşluk Doldurma: Kelimeler yerleştikten sonra, matristeki tüm boş hücreler alfabedeki rastgele harflerle doldurularak bulmaca tamamlanır.
2. Tasarım ve Kullanıcı Deneyimi (UI/UX)
Tasarım, Bootstrap 5 framework'ü kullanılarak modernize edilmiştir ve şu özelliklere sahiptir:
Sidebar (Yan Menü): Aranacak kelimeler, ekranın sol tarafında dikey bir liste halinde, dikkat çekici gri butonlar (badge) şeklinde sunulur.
Responsive Matris: Bulmaca tablosu, clamp() fonksiyonu sayesinde ekran yüksekliğine göre kendini boyutlandırır. Bu sayede küçük veya büyük ekranlarda taşma yapmadan tam uyumlu görünür.
Sabit Görünüm: Sayfa 100vh (tam ekran yüksekliği) değerine sabitlenmiştir. Kullanıcı sayfayı kaydırmak zorunda kalmadan tüm oyun alanına tek bir bakışla hakim olabilir.
Okunabilirlik: Harfler, kullanıcıyı yormayacak şekilde ortalanmış, kalın (bold) ve geniş hücreler içinde sunulmuştur.
3. Kullanım Amacı
Bu uygulama; eğitim amaçlı kelime öğretimi, zeka egzersizi veya web geliştirme projelerinde matris yönetimi ve rastgelelik algoritmaları üzerine güzel bir örnek teşkil etmektedir.