Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

ESSAI DE JEU DE CARTE EN JAVASCRIPT


Information sur la source

Catégorie :Jeux Classé sous : jeu, dhtml Niveau : Débutant Date de création : 12/03/2006 Vu / téléchargé: 4 609 / 386

Note :
7,67 / 10 - par 3 personnes
7,67 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Affichage de 4 cartes (as) , déplacements aléatoires des cartes masquées et test de la reponse trouvée. Relance infinie .  
 

Source

  • <script>
  • self.resizeTo(650,600)
  • //======================================================================================
  • var deplenc=0 ; xo = 0 ; xd =0 ; ka = -1 ; kb = 0 ; Catr= 0 ; Dpl = 2
  • var mouvc = 0 ; nbmouv = 0 ; nbmouvmax = 0;
  • var Cpos = new Array(); Cpos[0]=100; Cpos[1]=200; Cpos[2]=300; Cpos[3]=400;
  • var Cte = new Array(); Cte[0]='pique'; Cte[1]='coeur'; Cte[2]='trefle'; Cte[3]='carreau';
  • var depa = 0 ; depb = 0 ;
  • var valdest = 0 ;
  • function lance_jeu(){
  • if (deplenc==0){
  • deplenc=1; nbmouv = 0 ; nbmouvmax = Math.round(6*Math.random())+5 ;
  • document.F1.boutjeu.value="Suivez les cartes"
  • document.pique.src='dos.gif' ;
  • document.coeur.src='dos.gif' ;
  • document.trefle.src='dos.gif' ;
  • document.carreau.src='dos.gif' ;
  • depl1() ;
  • }}
  • function bout_jeu(){
  • if (deplenc==0){lance_jeu()}
  • else {
  • if (deplenc==1){alert("Ne pas interrompre le déplacement")}
  • else { if (deplenc==2){alert("Trouvez le "+Cte[Catr])}}
  • }
  • }
  • function depl1(){
  • xo= Math.round(2*Math.random());
  • if (xo==0){xd= Math.round(2*Math.random())+1;}
  • if (xo==1){xd= Math.round(1*Math.random())+1;}
  • if (xo==2){xd= 3;}
  • if ((xo==ka)&&(xd==kb)){depl1()}
  • else {
  • valdest = Cpos[xd] ;
  • if (Cpos[xo]>=Cpos[xd]) {depa = -Dpl ; depb = Dpl ;} else {depa = Dpl ; depb = -Dpl ;}
  • dep(xo,xd)
  • }
  • }
  • function dep(a,b){
  • ka = a ; kb = b ;
  • ea=document.getElementById("C"+a); Cpos[a]+=depa ; ea.style.left = Cpos[a] ;
  • eb=document.getElementById("C"+b); Cpos[b]+=depb ; eb.style.left = Cpos[b] ;
  • if (Cpos[a]==valdest){
  • mouvc = 0; nbmouv+=1;
  • if (nbmouv<nbmouvmax){depl1()}
  • else{
  • Catr= Math.round(3*Math.random())
  • document.F1.boutjeu.value="Trouvez le "+Cte[Catr] ;
  • deplenc=2;
  • }
  • }
  • else {comptH=setTimeout('dep(ka,kb)',15);}
  • }
  • function quiestce(X){
  • if (deplenc==2){
  • if (X.name==Cte[Catr]){alert("Gagné");}
  • else {alert("Perdu");}
  • document.pique.src='pique.gif' ;
  • document.coeur.src='coeur.gif' ;
  • document.trefle.src='trefle.gif' ;
  • document.carreau.src='carreau.gif'
  • deplenc=0 ;
  • document.F1.boutjeu.value="Re-Jouer" ;
  • }
  • else {alert("Ne pas interrompre le déplacement");return false}
  • }
  • </script>
<script>
self.resizeTo(650,600)

//======================================================================================
var deplenc=0 ; xo = 0 ; xd =0 ; ka = -1 ; kb = 0 ; Catr= 0 ; Dpl = 2
var mouvc = 0 ; nbmouv = 0 ; nbmouvmax = 0;
var Cpos = new Array(); Cpos[0]=100; Cpos[1]=200; Cpos[2]=300; Cpos[3]=400;
var Cte = new Array(); Cte[0]='pique'; Cte[1]='coeur'; Cte[2]='trefle'; Cte[3]='carreau';
var depa = 0 ; depb = 0 ;
var valdest = 0 ;

function lance_jeu(){
 if (deplenc==0){
  deplenc=1;  nbmouv = 0 ; nbmouvmax = Math.round(6*Math.random())+5 ;
  document.F1.boutjeu.value="Suivez les cartes"
  document.pique.src='dos.gif' ;
  document.coeur.src='dos.gif' ;
  document.trefle.src='dos.gif' ;
  document.carreau.src='dos.gif' ;
  depl1() ;
}}

function bout_jeu(){
 if (deplenc==0){lance_jeu()}
 else {
  if (deplenc==1){alert("Ne pas interrompre le déplacement")}
  else { if (deplenc==2){alert("Trouvez le "+Cte[Catr])}}
 }
}

function depl1(){
 xo= Math.round(2*Math.random());
 if (xo==0){xd= Math.round(2*Math.random())+1;}
 if (xo==1){xd= Math.round(1*Math.random())+1;}
 if (xo==2){xd= 3;}
 if ((xo==ka)&&(xd==kb)){depl1()}
 else {
  valdest = Cpos[xd] ;
  if (Cpos[xo]>=Cpos[xd]) {depa = -Dpl ; depb = Dpl ;} else {depa = Dpl ; depb = -Dpl ;}
  dep(xo,xd)
 }
}

function dep(a,b){
 ka = a ; kb = b ;
 ea=document.getElementById("C"+a); Cpos[a]+=depa ; ea.style.left = Cpos[a] ;
 eb=document.getElementById("C"+b); Cpos[b]+=depb ; eb.style.left = Cpos[b] ;
  if (Cpos[a]==valdest){
   mouvc = 0; nbmouv+=1; 
   if (nbmouv<nbmouvmax){depl1()}
   else{
	Catr= Math.round(3*Math.random())
    document.F1.boutjeu.value="Trouvez le "+Cte[Catr] ;
    deplenc=2;
	}
 }
 else  {comptH=setTimeout('dep(ka,kb)',15);}
}

function quiestce(X){
if (deplenc==2){
 if (X.name==Cte[Catr]){alert("Gagné");}
 else {alert("Perdu");}
 document.pique.src='pique.gif' ;
 document.coeur.src='coeur.gif' ;
 document.trefle.src='trefle.gif' ;
 document.carreau.src='carreau.gif'
 deplenc=0 ;
 document.F1.boutjeu.value="Re-Jouer" ;
 }
else {alert("Ne pas interrompre le déplacement");return false} 
}
</script>

Conclusion

Fonctionnement du script avec 4 objets 'carte' définis dans le body et un bouton dont le texte et l'action change en fonction de l'évolution du jeu. Voir dans le zip la page cartes.htm .
Fonctionne avec IE, non testé avec un autre navigateur.
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de sylveur le 20/03/2006 19:08:11

pas mal pour un jeux de carte en javascript. le seul probleme. ce n'est de pas savoir qu'elle carte va être demander et donc, ca pimente un peux le tous. tres bon jeux de reflextion-carte.

signaler à un administrateur
Commentaire de stfou le 21/05/2006 15:13:26

bien.

signaler à un administrateur
Commentaire de GilDev1 le 25/05/2006 12:51:00

sur mon mac sa marche pas

signaler à un administrateur
Commentaire de jppsg36 le 05/03/2007 17:15:09

Désolé je n'ai testé que sur PC

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Jeux d'arcade en DHTML: personne n'a réussi à en faire un bien? [ par Duxmachin ] Bonjour &#224; tous,Je suis nouveau en JS, je code depuis 2 mois,je me posais la question de savoir si quelqu'un a d&#233;j&#224; r&#233;ussi &#224; c impression jeu de cadre tout entier [ par attarte ] J'ai un jeu de cadre d&#233;coup&#233; en deux. Un des deux cadres contient un bouton imprimer. Le javascript window.print() ne m'imprime que le cadre Afficher un texte ou menu depuis un menu DHTML [ par 1ouf ] Bonjour,Je sais que mon titre de sujet n'est pas clair mais je sais pas comment le dire, ni o&#249; chercher.Voil&#224; alors en faite je souhaite cr& Heure visiteur en cookie ou autre [ par zonevirtuel ] bonjour, en fait j'ai un gros soucis ... je suis concepteur d'un jeu sur internet a traffic international, francais, canadiens, et autres viennent r& [DHTML] Apparition calque en transparence [ par bractar ] Bonjour, j'aimerais reproduire une effet "classique" que j'ai pu voir sur diff&#233;rents sites (je ne me rappelle plus lesquels ^^; ). J'ai sur une p Besoin d'aide pour jeu de cartes [ par earth4x ] J'ai un probl&#232;me avec mon petit projet de jeu de cartesfunction pigerCartes(){ &nbsp;&nbsp;&nbsp; var zone = document.getElementById("divCartes") devloppement d'un jeu de canards [ par fbh ] bonjour,je suis un d&#233;butant en programmation java et le prof du TD nous a demander de faire la simulation d'un jeu(possibilit&#233; d'envoyer la DHTML - Formulaire - Input File - Style CSS [ par asgarden ] Bonjour,Voilà cela fait un petit moment que je cherche comment modifier le style d'un champs de formulaire de type FILE ?J'ai beau essayer, rien n'y f Jeux dhtml javascript [ par Cyreb ] Voila, je regarde depuis longtemps les sources proposé sur ce site et je m'interesse aux jeux en javascripts, pourquoi ne pas créer de veritable proje Préchargement images [ par jmtoulon ] Bonjour,je suis en train de créer un site de jeu de carte.Je fais une function qui pré charges les images de toutes les cartes de jeu (52)je voudrais


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,390 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.