Accueil > > > ESSAI DE JEU DE CARTE EN JAVASCRIPT
ESSAI DE JEU DE CARTE EN JAVASCRIPT
Information sur la source
Description
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.
Sources de la même categorie
Commentaires et avis
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 à tous,Je suis nouveau en JS, je code depuis 2 mois,je me posais la question de savoir si quelqu'un a déjà réussi à c
impression jeu de cadre tout entier [ par attarte ]
J'ai un jeu de cadre découpé 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ù chercher.Voilà 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é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ème avec mon petit projet de jeu de cartesfunction pigerCartes(){ var zone = document.getElementById("divCartes")
devloppement d'un jeu de canards [ par fbh ]
bonjour,je suis un débutant en programmation java et le prof du TD nous a demander de faire la simulation d'un jeu(possibilité 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
|
Derniers Blogs
SLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPSSLIDE & DéMO TECHDAYS 2012 - FAST & FURIOUS XAML APPS par Vko
Retrouvez les slides et les démo de ma session Fast & Furious XAML Apps. A ceux qui se posent la question : "est-ce que le code de la DataGrid est disponible?", je vous répondrais "pas encore". Je vais mettre en place un projet codeplex pour part...
Cliquez pour lire la suite de l'article par Vko XNA IS DEAD!XNA IS DEAD! par richardc
Depuis la semaine dernière (et grâce aux TechDays 2012), je me penche activement sur la nouvelle version de Windows, aka Windows 8. Vous me direz, il était temps puisque la première preview date de Septembre dernier.
OK. Remarquez, on n'en est qu'aux...
Cliquez pour lire la suite de l'article par richardc TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|