HTML SATRANÇ OYUNU 2D SPRİTE MODERN TASARIM VİDEOSUNU İZLE<br />1. İlk İzlenim: Sadelik ve Şıklığın Dengesi<br />Göz alıcı ana renk geçişleri: Arkaplanda üç tonlu gradyan (mavi–mor–pembe) geçişi, hem modern hem de eğlenceli bir his yaratıyor.<br /><br />Flü efekti ve gölgeler: Menü kutuları, paneller ve düğmeler üzerinde uygulanan bulanıklaştırma (backdrop-filter) ve gölge kullanımı, katmanlar arası derinlik duygusunu güçlendiriyor.<br /><br />Minimalist tipografi: Başlıkta kullanılan büyük, kalın font ve renkli metin klipleme (background-clip) tekniği, kullanıcıyı ana odak noktasına yönlendiriyor.<br /><br />2. Kullanıcı Ayarları ve Başlatma Süreci<br />Oyun Modu Seçimi<br /><br />İki ana seçenek: “Oyuncu vs Oyuncu (PVP)” ve “Oyuncu vs Bilgisayar (PVC)”.<br /><br />PVC seçildiğinde dinamik olarak “Bilgisayar hangi renkle oynasın?” paneli açılıyor.<br /><br />Seçenek kartları üzerindeki hover efektleri, seçili durumda hafif vurgulama ve büyütme ile kullanıcıya anlık geri bildirim veriyor.<br /><br />Başlatma Düğmesi<br /><br />Yuvarlak köşeli, hafif dalgalı arkaplan rengi ve içinden yayılan animasyonlu dalga efekti, “🚀 Oyunu Başlat” düğmesini cazip kılıyor.<br /><br />Tıklandığında menü kaybolup satranç tahtası düzeni ekrana geliyor.<br /><br />3. Oyun Düzeni ve Paneller<br />Flex-grid kombinasyonu: Sağ ve solda “Yenilen Beyaz/Siyah Taşlar” panelleri, ortada 512×512 piksel büyüklüğünde tuval (canvas) ve altında kontrol düğmeleri ile dengeli bir yapı kurulmuş.<br /><br />Yakalanan taşlar: Kenar panellerinde, animasyonlu küçük tuvallere çizilen taş simgeleri, oyuncunun eksilen materyalini net biçimde gösteriyor.<br /><br />Hamle kontrol butonları: Mod, hamle geçmişi, istatistik, bilgi, ayar ve yenile düğmeleri; tek tip, renkli ve ikonlu tasarımlarıyla hem göze hoş geliyor hem de kolay erişim sağlıyor.
