Problème jeu interactif Javascript par sarahm93 - page 1

Bonjour à tous,

Voilà, je débute en programmation Web et je suis entrain de réaliser depuis quelques temps un site Web où l'utilisateur doit créer un espace personnel et accéder à une page d'un mini jeu de machine à sous avec un certain nombre de crédits initial pour chaque utilisateur, un score, etc.

J'ai travaillé dans un premier temps sur une version "statique" afin d'acquérir les bases du HTML/CSS/PHP et j'ai pu réaliser un truc pas trop moche bien que très basique mais j'aimerais maintenant m'attaquer à une version dynamique du jeu en incluant du Javascript à mon code.

Mon plus gros problème pour l'instant est que je n'arrive pas à trouver une solution pour faire tourner mes objets (images) lorsqu'un utilisateur lance une partie. Dans ma première version, j'ai réussi à contourner le problème en créant des GIFS avec effet rotatif mais c'est un peu moche (voir partie du code concernée en dessous) et j'aimerais pouvoir coder cela un peu plus proprement.

Je vous demande pas de coder à ma place, juste de m'orienter si vous avez des idées de comment procéder pour contourner le problème.

Merci d'avance

<?php

session_start();
$prenom= $_SESSION['internaute_prenom'];
echo "Bonjour $prenom,";
echo "<br> <br>";
echo "Pour lancer une partie, cliquez sur 'Jouer'";
echo "<br> <br>";


$num1= mt_rand(1,3);
$num2= mt_rand(1,3);
$num3= mt_rand(1,3);


 ?>


<!DOCTYPE html>

<html>
    <head>
        <title>Jeu</title>
        <link rel="stylesheet" type="text/css" href="style/jeu.css">
         
    </head>
    <body>
           
         
    <form method="post" action="jeu.php" name="tire" id="tire">
            <table>
                <tr>
                   
                    <td> <IMG STYLE="position:absolute; TOP:280px; LEFT:100px; WIDTH:70px; HEIGHT:70px" SRC="images/symbol_00<?php echo $num1 ; ?>.gif" />
 
                   
                    <td> <IMG STYLE="position:absolute; TOP:280px; LEFT:210px; WIDTH:70px; HEIGHT:70px" SRC="images/symbol_00<?php echo $num2 ; ?>.gif" />
                    
                       
                    <td> <IMG STYLE="position:absolute; TOP:280px; LEFT:320px; WIDTH:70px; HEIGHT:70px" SRC="images/symbol_00<?php echo $num3 ; ?>.gif" />
                   
		</tr>
            </table>
                
               
		<td colspan="7">
                    <input type="submit" name="send" value="Jouer" />
		</td>
                
		
		</table>
            
		
        </form>
       
    </body>
</html>

-
Edité par sarahm93 17 janvier 2018 à 20:25:58

Problème jeu interactif Javascript

Problème jeu interactif Javascript

Supprimer

Modérer

Signaler le message aux modérateurs