В общем, наговнокодил как следует, но работает. Делюсь решением.
Как подсказал Dmitry OnGamer, нужно было взглянуть на transform. Покуртил я колесо, записал все положения каждого цвета, из этого вышла не хитрая ф-я.
function stopRoll (numstop) {
var sTime = Math.floor(Math.random() * 500) + 50;
var tt = setInterval(function() {
var split = $('#spin').css('transform').split(",");
if(numstop == 1) {
if(split[0].replace(/matrix\(/g,"") > 0 && split[1] > 0 && split[2] < 0 && split[3] > 0) {
$('#spin').css('animationPlayState', 'paused');
$('#spaner').text("Win 1");
clearInterval(tt);
}
}
if(numstop == 2) {
if(split[0].replace(/matrix\(/g,"") < 0 && split[1] > 0 && split[2] < 0 && split[3] < 0) {
$('#spin').css('animationPlayState', 'paused');
$('#spaner').text("Win 2");
clearInterval(tt);
}
}
if(numstop == 3) {
if(split[0].replace(/matrix\(/g,"") < 0 && split[1] < 0 && split[2] > 0 && split[3] < 0) {
$('#spin').css('animationPlayState', 'paused');
$('#spaner').text("Win 3");
clearInterval(tt);
}
}
if(numstop == 4) {
if(split[0].replace(/matrix\(/g,"") > 0 && split[1] < 0 && split[2] > 0 && split[3] > 0) {
$('#spin').css('animationPlayState', 'paused');
$('#spaner').text("Win 4");
clearInterval(tt);
}
}
},sTime);
}
Вызываю я ее когда колесо наше прокрутилось и кручу до тех пор пока не найду нужный пиксел для остановки. Добавил немного рандома в setInterval
, что-бы не останавливалось каждый раз на одном месте.
Всем спасибо !