jade.van_brabandt
/
3.01-QCM_MuscuMaths
5
1
Fork 1
Code Issues 4 Pull Requests 1 Packages Projects 8 Releases Wiki Activity

multiplayer en php
continuous-integration/drone/push Build is passing Details

Browse Source
Multiplayer_Php
Yvan CALATAYUD 1 year ago
parent ce6871a30f
commit 71e34a8bcc
5 changed files with 191 additions and 94 deletions
Show Stats Download Patch File Download Diff File

2
Website/controllers/ControllerUser.php
Unescape View File

@ -24,8 +24,6 @@ class ControllerUser
private $twig; private $twig;
private $vues; private $vues;
private $blazorAppPath = '..\Blazor\Blazor'; // Remplacez par le chemin réel vers votre projet Blazor
private $blazorPort = 5234; // Remplacez par le port utilisé par votre projet Blazor
function __construct() function __construct()
{ {

170
Website/js/progressBar.js
Unescape View File

@ -1,35 +1,86 @@
import { tempsExport } from "./scriptChrono.js"; import { tempsExport } from "./scriptChrono.js";
$(document).ready(async function() {
$(document).ready(function() { var timerId, percent1, percent2;
var timerId, percent; percent1 = 0;
percent = 0; percent2 = 0;
var isPaused = false; var isPaused = false;
await fetch('js/updateProgressBar.php?idplayer=1&playertime='+percent1);
await fetch('js/updateProgressBar.php?idplayer=54&playertime='+percent2);
// reset progress bars
percent1 = 0;
percent2 = 0;
initProgressBar('#load1', '#rocket1');
initProgressBar('#load2', '#rocket2');
function initProgressBar(loadId, rocketId){
$(loadId).css('width', '0px');
$(loadId).addClass('progress-bar-striped active');
$(rocketId).show();
}
function updateProgressBar(percent, loadId, rocketId) {
$(loadId).css('width', percent + '%');
$(loadId).html(percent + '%');
$(rocketId).css('left', 'calc('+percent+'% - 19px');
}
function resetProgressBar(loadId) {
$(loadId).css('width', '0px');
$(loadId).addClass('progress-bar-striped active');
$(loadId).removeClass('bg-danger');
}
function finishBar(loadId, rocketId, buttonId) {
$(loadId).addClass('bg-danger');
$(buttonId).attr('disabled', true);
$(loadId).html('Finish');
$(rocketId).hide();
}
async function fetchDataAndUpdate() {
if (!isPaused) {
// increment progress bars
let response = (await fetch('js/progressBar.php'));
let result = await response.text();
let jsonData = JSON.parse(result);
let idplayer1 = jsonData[0].idplayer;
percent1 = parseInt(jsonData[0].playertime) + 2;
// reset progress bar await fetch('js/updateProgressBar.php?idplayer='+idplayer1+'&playertime='+percent1);
percent = 0; console.log('js/updateProgressBar.php?idplayer='+idplayer1+'&playertime='+percent1);
//$('#test').attr('disabled', true);
$('#load').css('width', '0px'); updateProgressBar(percent1, '#load1', '#rocket1');
$('#load').addClass('progress-bar-striped active');
$('#rocket').show(); // Increment second progress bar
response = (await fetch('js/progressBar.php'));
timerId = setInterval(function() { result = await response.text();
if(!isPaused){ jsonData = JSON.parse(result);
// increment progress bar
percent += 1/12; let idplayer2 = jsonData[1].idplayer;
$('#load').css('width', percent + '%'); percent2 = parseInt(jsonData[1].playertime) + 2;
$('#load').html(percent + '%');
$('#rocket').css('left','calc('+percent+'% - 19px'); await fetch('js/updateProgressBar.php?idplayer='+idplayer2+'&playertime='+percent2);
console.log('js/updateProgressBar.php?idplayer='+idplayer2+'&playertime='+percent2);
if(percent>= 100){
updateProgressBar(percent2, '#load2', '#rocket2');
if (percent1 >= 100 && percent2 >= 100) {
clearInterval(timerId); clearInterval(timerId);
$('#load').removeClass('progress-bar-striped active'); resetProgressBar('#load1');
$('#load').addClass('bg-danger'); finishBar('#load1', '#rocket1', '#repondbien1');
$('#repondbien').attr('disabled', true);
$('#load').html('Finish'); resetProgressBar('#load2');
$('#rocket').hide(); finishBar('#load2', '#rocket2', '#repondbien2');
} }
} }
}, 250); }
timerId = setInterval(fetchDataAndUpdate, 2000);
function wait(ms){ function wait(ms){
var start = new Date().getTime(); var start = new Date().getTime();
@ -39,7 +90,51 @@ $(document).ready(function() {
} }
} }
$('#repondbien').click(function() { $('#repondbien1').click(async function() {
let response = (await fetch('js/progressBar.php'));
let result = await response.text();
let jsonData = JSON.parse(result);
let idplayer = jsonData[0].idplayer;
percent1 = parseInt(jsonData[0].playertime) + 20;
await fetch('js/updateProgressBar.php?idplayer='+idplayer+'&playertime='+percent1);
$('#repondbien1').attr('disabled', false);
resetProgressBar('#load1');
updateProgressBar(percent1, '#load1', '#rocket1');
});
$('#repondbien2').click(async function() {
let response = (await fetch('js/progressBar.php'));
let result = await response.text();
let jsonData = JSON.parse(result);
let idplayer = jsonData[1].idplayer;
percent2 = parseInt(jsonData[1].playertime) + 20;
await fetch('js/updateProgressBar.php?idplayer='+idplayer+'&playertime='+percent2);
$('#repondbien2').attr('disabled', false);
resetProgressBar('#load2');
updateProgressBar(percent2, '#load2', '#rocket2');
});
$('#repondmal').click(function() {
isPaused = true;
$('#repondmal').attr('disabled', false);
resetProgressBar('#load1');
resetProgressBar('#load2');
wait(3000);
console.log("test");
isPaused = false;
});
});
/*
if (tempsExport <= 6000) { if (tempsExport <= 6000) {
percent += 12; percent += 12;
} else if (tempsExport > 6000 && tempsExport <= 12000) { } else if (tempsExport > 6000 && tempsExport <= 12000) {
@ -51,23 +146,4 @@ $(document).ready(function() {
} else { } else {
percent += 8; percent += 8;
} }
$('#repondbien').attr('disabled', false); */
$('#load').css('width', '0px');
$('#load').addClass('progress-bar-striped active');
$('#load').removeClass('bg-danger');
$('#load').css('width', percent + '%');
$('#load').html(percent + '%');
})
$('#repondmal').click(function() {
isPaused = true;
$('#repondmal').attr('disabled', false);
//$('#load').css('width', percent+'px');
$('#load').addClass('progress-bar-striped active');
$('#load').removeClass('bg-danger');
wait(3000);
console.log("test");
isPaused = false;
})
})

19
Website/js/progressBar.php
Unescape View File

@ -0,0 +1,19 @@
<?php
$api_url = "https://trusting-panini.87-106-126-109.plesk.page/api/utiliser/7/qUOGkWdoPCgbmuqxIC8xiaX0rV1Pw1LoPafkaoHOgszEyD9P2vcOu493xCDZpAqO";
$curl = curl_init($api_url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
// Désactivez la vérification du certificat SSL (à utiliser uniquement dans un environnement de développement)
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
$response = curl_exec($curl);
curl_close($curl);
if ($response === false) {
die('Erreur cURL : ' . curl_error($curl));
}
echo $response;
?>

36
Website/js/updateProgressBar.php
Unescape View File

@ -0,0 +1,36 @@
<?php
// Récupérez les données passées en tant que paramètres de requête
$idplayerpost = isset($_GET["idplayer"]) ? $_GET["idplayer"] : '';
$playertime = isset($_GET["playertime"]) ? $_GET["playertime"] : '';
// Construisez l'URL de l'API pour l'update
$api_url = "https://trusting-panini.87-106-126-109.plesk.page/api/update/utiliser/7/{$idplayerpost}/qUOGkWdoPCgbmuqxIC8xiaX0rV1Pw1LoPafkaoHOgszEyD9P2vcOu493xCDZpAqO";
// Initialisez cURL pour la requête POST
$curl = curl_init($api_url);
// Configuration de cURL pour une requête POST
curl_setopt($curl, CURLOPT_POST, true);
curl_setopt($curl, CURLOPT_POSTFIELDS, [
'idplayer' => $idplayerpost,
'playertime' => $playertime
]);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
// Désactivez la vérification du certificat SSL (à utiliser uniquement dans un environnement de développement)
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, false);
// Exécution de la requête POST et récupération de la réponse
$response = curl_exec($curl);
// Fermeture de la session cURL
curl_close($curl);
// Vérification des erreurs de cURL
if ($response === false) {
die('Erreur cURL : ' . curl_error($curl));
}
?>

58
Website/templates/multiplayer.twig
Unescape View File

@ -30,59 +30,27 @@
<div class="container mt-3"> <div class="container mt-3">
<div class="row my-2"> <div class="row my-2">
<div class="progress"> <div class="progress">
<div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load" style="width:0%"> <div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load1" style="width:0%"></div>
<img src="Media/rocket.png" id="rocket1" style="left: 0px;">
</div>
<img src="Media/rocket.png" id="rocket" style="left: 0px;">
</div> </div>
{# <button type="button" id="repondbien" class="btn btn-primary mt-2" autocomplete="off">OK</button> <button type="button" id="repondbien1" class="btn btn-primary mt-2" autocomplete="off">+</button>
<button type="button" id="repondmal" class="btn btn-danger mt-2" autocomplete="off">KO</button> #} <!--<button type="button" id="repondmal" class="btn btn-danger mt-2" autocomplete="off">KO</button>-->
</div> </div>
<div class="row my-2"> <div class="row my-2">
<div class="progress"> <div class="progress">
<div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load" style="width:0%"> <div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load2" style="width:0%"></div>
<img src="Media/rocket.png" id="rocket2" style="left: 0px;">
</div> </div>
<img src="Media/rocket.png" id="rocket" style="left: 0px;">
</div> <button type="button" id="repondbien2" class="btn btn-primary mt-2" autocomplete="off">+</button>
</div>
<div class="row my-2">
<div class="progress">
<div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load" style="width:0%">
</div>
<img src="Media/rocket.png" id="rocket" style="left: 0px;">
</div>
</div>
<div class="row my-2">
<div class="progress">
<div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load" style="width:0%">
</div>
<img src="Media/rocket.png" id="rocket" style="left: 0px;">
</div>
</div>
<div class="row my-2">
<div class="progress">
<div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load" style="width:0%">
</div>
<img src="Media/rocket.png" id="rocket" style="left: 0px;">
</div>
</div>
<div class="row my-2">
<div class="progress">
<div class="progress-bar progress-bar-striped active progress-bar-animated" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" id="load" style="width:0%">
</div>
<img src="Media/rocket.png" id="rocket" style="left: 0px;">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="container text-center text-white"> <div class="container text-center text-white">
<div class="container border border-white rounded mt-5"> <div class="container border border-white rounded mt-5">
<p class="fs-2"> <p class="fs-2">

Write Preview
Loading…
Cancel
Save