Size aşağıda ıstakanın örnek slot mantığını ve 1 örnek ıstaka için taşı vereceğim.
Yapılacaklar:
İlgili kod betiği yazılırken sortable, draggable ve droppable'dan yararlanılabilir. (Sortable ile muhtemelen olmaz ama oluyorsa da olur);
Olması gereken mantık şu şekilde:
Istakamızda ilk 3 slotun dolu olduğunu ve içerisinde 1-2-4 şeklinde taş olduğunu düşünelim rengi önemsiz.
Istakada rastgele herhangi bir slottaki taşı 1-2-4 olan pere doğru sürükleyip 2'nin üzerine bıraktığımızda bıraktığımız taşın 3 olduğunu varsayarak 1-2-3-4 şeklinde okey taşı resimleri yana kaydıracak.
Aynı zamanda bu işlevsellik ıstakanın 12-13-14 slotlarında olduğu zaman 12, 13 ya da 14. slot'a taş bıraktığımızda bu sefer bıraktığımız taşı yine yerine alıp sola doğru bu sefer geri kaydıracak.
Istakanın üst tabanı slot1-14 arası ile slot15-28 arasında kaydırmalarda bağlantı olmayacak üst taraf için 1-14 alt taraf için 15-28 arası sadece.
Ekstra olarak sortable kullanıldığında divler yer değiştiriyor diye biliyorum, bizdeki her bir slot birer div şeklinde ve sabit kalmalı. Taş oynandığında sadece divlerin içi değişmeli ana droppable olan divlerimiz sabit kalacak.
İlgili işlemi jquery ui kaydırma esnasında sorunsuz yapmalı glitch lag bug bir şey olmamalı.
İLETİŞİM: https://wa.me/+908503077509
