Рулетка на php?

Question

[TostHuost]

Друзья, подскажите пожалуйста, в каком направлении копать. Как реализовать рулетку на php. Суть вопроса в том, как после нажатия на кнопку, запустить крутящийся барабан и чтобы он, останавливался на случайном числе.
Интерфейс максимально простой, пользователь вводит число в поле, после нажатия на кнопку, начинает крутиться барабан рулетки, если выпало тоже число, что и вводил пользователь, то = победа, если нет, то = поражение.

Буду очень признателен за любую помощь, мысли и любые рассуждения.

Answer 1

[Олег Красавин]

После нажатия на кнопку шлете данные аяксом на бекэнд.
Красоту с перделками отрисовываете на клиенте средствами жс в зависимости от того, что вернул бекэнд.

Comments

[TostHuost]

А можно поподробнее? Для новичков в разработке.

[AlikDex]

TostHuost: подробнее и так некуда, идите гуглите каждое написанное слово. Это и есть самое правильное занятие "для новичков в разработке".

Answer 2

[Lumore]

codepen.io/Lumore/pen/KrAzZj . Здесь только на JS, но принцип такой же.

Comments

[TostHuost]

Скажите пожалуйста, а как это связать с php?

[Lumore]

TostHuost: Ну для начала нужно отправить запрос на php-файл, внутри файла генерировать число, затем сравнивать и возвращать true или false, а вместо этого:
$('.number').removeClass('won');
$('.number').removeClass('lost');

if($number == $random) {
$(this).addClass('won');
} else {
$(this).addClass('lost');
}

добавить в success это:
....,
sucess: function(data) {
if(data) {
// пользователь выиграл
} else {
// пользователь проиграл
}
}

[TostHuost]

Lumore: из js? не совсем понимаю как связать php и js. объясните пожалуйста на примере простого рандома в php

<?php

echo mt_rand(1, 1000);
if(mt_rand==1) {echo "Вы выиграли";}
else {echo "
Вы проиграли";}
?>

[Lumore]

TostHuost:
random.php:

<?php

if(isset($_POST['number'])) {
$number = $_POST['number'];
}

$random = rand(1, 10);
if($number == $random) {
return true;
} else {
return false;
}
?>

ajax:

$.ajax({
type: 'post',
url: '/random.php',
data: {number: 'БЕРЕТЕ НОМЕР'},
success: function(data) {
if(data) {
// если выиграл
} else {
// если проиграл
}
}
});

Answer 3

[Rou1997]

При нажатии кнопки клиентская часть (jQuery) отправляет AJAX-запрос к серверной (PHP), передавая введенное число, и тут же запускает анимацию вращения, PHP выполняет генерацию случайного числа, сравнивает и возвращает результат в ответе, jQuery принимает ответ и останавливает барабан на этом числе, все операции требующие доверия, например запись в БД, делаются в PHP перед возвратом, сама анимация реализуется на JavaScript (jQuery) используя canvas (HTML5) и CSS3, но лучше вместо jQuery реализовать все на Flash, а идеально 2 варианта.

Comments

[Lumore]

Насчет флэш — не нужно.

[TostHuost]

А есть, какие либо примеры, простейшей реализации?

[Rou1997]

Lumore: Flash поддерживатся в старых браузерах, например старые версии Flash Player есть даже для Android, и проще сделать графику и анимацию, Flash более ориентирован на дизайн.

[Rou1997]

TostHuost: Есть.

Answer 4

[Олег]

codepen.io/search/pens?q=roulette&limit=all&order=...
но на голом js не делают, как уже писали, генерировать число нужно на сервере, а то я и сам могу сгенерировать на клиенте, то, что мне нужно))

Answer 5

[Игорь]

Вот тебе пример аякса который будешь на сервер отсылать и получать ответ.

$.ajax({
      url:'полный адрес к твоему скрипту.php',
     type:'POST',
     dataType: 'json',                     
     data:{myData:ourDataSend///сюда клади твой объект который будешь отправлять на сервер.} 
      success:function(arr){
        
            ////делай тут чо те нужно в полученом ответе с сервера
          }
        }
        }
    });