Le jeu 421

Soyez le premier à donner votre avis sur cette source.

Snippet vu 22 655 fois - Téléchargée 27 fois

Contenu du snippet

Très simple à programmer, il illustre la manipulation du tableau d'images, la génération des nombres aléatoires et les structures des tests booléens par Javascript.
Pas la peine d'expliqué le principe du jeu, normalement tout le monde le connait

Source / Exemple :


<HTML>
<HEAD>
<title> Jeu de 421..</title>
<SCRIPT language="JavaScript"><!--
var imad=new Array(6); //prech. des 6 images de dés
for (var i=0;i<6;i++) { imad[i]=new Image();imad[i].src='de'+(i+1)+'.gif'}
var x=0; // ce sera le compteur de coups..
var ok=false; 
var j=new Array(3);
var lim=12;// c'est le nombre de coups de dés maximum..!
var mes="";
function de(n)
{   
  jeu_de=true;var v=0;
  if (x<(lim)){ v=1+Math.floor(Math.random()*6);// tirage aléatoire v=1 à 6 !
                  j[n]=v;
     			x++;document.fd.zone_compt.value=(lim)-x;
  		      document.images[n].src='de'+v+'.gif';  
         	  } 
/******* La structure de test ci-dessous permet d'accepter une réussite au jeu,
même si l'ordre des 4 dés n'est pas respecté *********/ 
  if   ((j[0]==4) && (j[1]==2) && (j[2]==1) ||
        (j[0]==4) && (j[1]==1) && (j[2]==2) ||
        (j[0]==2) && (j[1]==4) && (j[2]==1) ||
        (j[0]==2) && (j[1]==1) && (j[2]==4) ||
        (j[0]==1) && (j[1]==4) && (j[2]==2) ||
        (j[0]==1) && (j[1]==2) && (j[2]==4))
       {ok=true;
        mes="Gagné..!"+x+" Coups de Dés!\nIndiquez ici la Récompense..!";
        setTimeout('alert(mes)',1000);// un petit délai pour permettre au joueur 
        // de voir les 3 dés s'il gagne ...!
       }
}
//-->
</script>
<body bgcolor="#eeeeee">

<P><B><I><U><FONT COLOR="#006600">Le mini-Jeu '421'</FONT></U></I></B>
<BR>&nbsp;<B><FONT COLOR="#660000">Testez..!</FONT></B>
<CENTER><B><FONT FACE="Arial,Helvetica"><FONT COLOR="#006600"><FONT SIZE=-2>Mini-Jeu
tout JavaScript!</FONT></FONT></FONT></B><br>
<CENTER><table width=40% border=3>
<tr><td>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%" HEIGHT="100" BGCOLOR="#006880" >
<TR>
<TD ALIGN=CENTER COLSPAN="2"><B><I><U><FONT COLOR="#FFFF00"><FONT SIZE=-1>Tentez
votre chance !</FONT></FONT></U></I></B>&nbsp;
<BR><B><FONT FACE="Verdana,Arial"><FONT SIZE=-2><FONT COLOR="#FFFFFF">Réussissez
ce </FONT><FONT COLOR="#FFFF00">'421'</FONT><FONT COLOR="#FFFFFF"> en 15
Jets et..</FONT></FONT></FONT></B>&nbsp;
<BR><B><FONT FACE="Verdana,Arial"><FONT COLOR="#FFFFFF"><FONT SIZE=-2>surtout étudiez son Listing !</FONT></FONT></FONT></B>&nbsp;
<BR>&nbsp;</TD>
</TR>

<TR>
<TD ALIGN=CENTER>
<A HREF="javascript:de(0)">
     <IMG SRC="det.gif" NAME="1" BORDER=0 HEIGHT=33 WIDTH=33></A>&nbsp;
<A HREF="javascript:de(1)">
     <IMG SRC="det.gif" NAME="2" BORDER=0 HEIGHT=33 WIDTH=33></A>&nbsp;
<A HREF="javascript:de(2)">
     <IMG SRC="det.gif" NAME="3" BORDER=0 HEIGHT=33 WIDTH=33></A></TD>

<TD ALIGN=CENTER VALIGN=BOTTOM WIDTH="50%"><FORM name="fd"><B><FONT FACE="Arial,Verdana"><FONT COLOR="#FFFFFF"><FONT SIZE=-2>Encore&nbsp;
<INPUT type ="text" name="zone_compt" size=2>&nbsp;jet(s)!</FONT></FONT></FONT></B>
</FORM></TD>
</TR>
</TABLE>
</TD></TR></TABLE>
<br>
<br>
<br>
</CENTER>
</body>
</HTML>

Conclusion :


la présentation sommaire du jeu est réalisé avec de l'HTML.

Variables globale du script :
- x = compteur de clics
- ok = booléen initilisé à FALSE et ki deviendra TRUE lors de la réussite
- j[] = tableau des valeurs numériques des trois dés

Voilà, vous pouvez vous amusez à changer qqs trucs c simple et pas trop de pbs

PS : il faut des images de dés nommés de1.gif à de6.gif pour permmetre l'affichage, ainsi qu'un point d'interrogation nommé det.gif

@++
pi0up51
www.infobox51.fr.st

A voir également

Ajouter un commentaire

Commentaires

Très bien come code, mais si on fait plus de 12 coups, aucune fonction n'est indiquée !
aderbois
Messages postés
22
Date d'inscription
dimanche 25 janvier 2004
Statut
Membre
Dernière intervention
10 septembre 2005

c'est marrant j'ai un bouquin pour apprendre le javascript et ce code est exactement le meme que dans le bouquin!!!!!!!!!!!!!!!!!!!
rrk275
Messages postés
542
Date d'inscription
vendredi 25 juin 2004
Statut
Membre
Dernière intervention
1 octobre 2007
2
pourquoi mettre un code dans expert si il est simple a programmer ??

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.