jeu de memory bug

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : jeu de memory bug

nougatine0179

Bonjour à tous,

Je conçois un petit jeu de memory tout simple mais je bloque littéralement car le script ne démarre pas on dirait.
Je ne sais plus quoi faire.
Voici un extrait du fichier html (la div contenant mes cartes) :

Code :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JEU DE MEMORY - Amandine Corgier-Perretant</title>
<link rel="stylesheet" type="text/css" href="projet_memory_corgier2.css" />
<script language="javascript" src="projet_memory_corgier.js" type="text/javascript"></script>
<script type="text/javascript" src="fonts/cufon-yui.js"></script>
<script type="text/javascript" src="fonts/lobster.font.js"></script>
<script type="text/javascript">Cufon.replace('h1,h2');</script>
</head>
<body onload="installation()">
<div id="global">
<div id="entete">
<img src="autres/header.png" alt="projet"/>
<h1>Jeu de Memory<br/>
:: Projet 2012 Amandine Corgier - CHA173080 ::</h1>
</div>
<div id="boitecentrale">
<div id="explications">
<h2>Les règles du jeu</h2><hr/>
<p>Le principe du Memory est de retrouver un ensemble de paires. Ce jeu se joue avec des cartes sur
lesquelles se trouvent des symboles. Chaque symbole se trouve sur deux cartes distinctes. Le jeu se déroule ainsi :</p>
<ul>
<li>Les cartes sont placées faces contre la table ;</li>
<li>Le jeu se joue par tours successifs :</li>
<li>Si les cartes sont les mêmes elles sont supprimées du jeu</li>
<li>Si les cartes ne sont pas les mêmes, elles sont replacées au même endroit, face contre la table.</li>
<li>Le jeu se termine quand toutes les paires ont été trouvées ;</li>
<li>Le nombre de tentatives est affiché.</li>
</ul>
</div>
<div>
<table id="jeu" class="tablejeu">
<tr>
<td style="visibility: visible;"><button value="" class="" onmousedown="recuperer(0)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible;"><button value="" class="" onmousedown="recuperer(1)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible;"><button value="" class="" onmousedown="recuperer(2)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible;"><button value="" class="" onmousedown="recuperer(3)"><img class="image" src="dos.jpg" alt=""/></button></td>
</tr>
<tr>
<td style="visibility: visible"><button value="" class="" onmousedown="recuperer(4)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible"><button value="" class="" onmousedown="recuperer(5)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible"><button value="" class="" onmousedown="recuperer(6)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible"><button value="" class="" onmousedown="recuperer(7)"><img class="image" src="dos.jpg" alt=""/></button></td>
</tr>
<tr>
<td style="visibility: visible; "><button value="" class="" onmousedown="recuperer(8)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible; "><button value="" class="" onmousedown="recuperer(9)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible; "><button value="" class="" onmousedown="recuperer(10)"><img class="image" src="dos.jpg" alt=""/></button></td>
<td style="visibility: visible; "><button value="" class="" onmousedown="recuperer(11)"><img class="image" src="dos.jpg" alt=""/></button></td>
</tr>
</table>
</div>
<div>
<form name="commencerjouer" action="" method="post">
<input type="button" name="" class="jouer" value="JOUER" onclick="melange()"/>
</form>
</div>
</div>
<div id="footer">
<div class="icones-sociales">
<p>- Les illustrations de carte sont l'oeuvre de Amandine Corgier-Perretant :: <a href="http://www.lyon-graphiste.fr" title="l'illustre graphiste">www.lyon-graphiste.fr</a> -</p>
<ul>
<li><a href="http://twitter.com/#!/Graphiste_Lyon" title="Twitter" target="_blank"><img src="autres/twitter.png" alt="twitter" border="0" /></a></li>
<li><a href="http://www.facebook.com/graphiste.freelance.lyon" title="Facebook" target="_blank"><img src="autres/facebook.png" alt="facebook" border="0" /></a></li>
<li><a href="http://www.lyon-graphiste.fr/?feed=rss" title="RSS" target="_blank"><img src="autres/rss.png" alt="rss" border="0" /></a></li>
</ul>
</div>
<div class="w3c">
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS Valide !" /></a>
</div>
</div>
</div>

Voici mon script sur un fichier .js que j'ai inclus dans le head de mon fichier html :

Code :

// JavaScript Document
var cartes = new Array (12);
var repere = new Array (12);
var gravure = new Array (12);
var nbrecarte = cartes.length;
var chemin = "images/";
var clic = 0;
var essai = 0;
var trouve = 0;
var melanger = 0;
//cette fonction est appelée dans la fonction mélange//
function installation()
{
//On reprécise la class du tableau html //
document.getElementById('jeu').className = "tablejeu";
// parcours du tableau des cartes de dos //
for(var dos=0 ; dos<nbrecarte ; dos++);
//on instruit les propriétés de l'image du dos //
{
document.images[dos].src = cartes[dos];
document.images[dos].src = "dos.jpg";
//on instruit la visibilité des boutons et images qui devront disparaitre//
document.getElementsByTagName('td')[dos].style.visibility = "visible";
}
//on installe les compteurs, c'est un peu superflu car ils sont déjà déclarés //
essai = 0;
trouve = 0;
}
//_______________________________________________________________________//
//_______________________________________________________________________//
function melange()
{
// //
melanger = 1;
installation();
for (indice=0 ; indice<=nbrecarte; indice++)
{
repere[indice]= 0;
}
//toutes le cases du tab repere sont égales à zero//
var face= 0;
while (face < nbrecarte )
{
//toutes le cases du tab repere sont égales à zero//
numero = Math.floor (nbrecarte * Math.random());
numero++;
//
if (repere[numero] == 0)
{
gravure[face] = numero;
cartes[face] = chemin + numero + ".jpg" ;
//document.images[face].src = cartes[face] ; //
repere[numero] = 1 ;
face++;
}
}
}
//_____________________________________________________________________//
//_______________________________________________________________________//
function recuperer(numero)
{
if (melanger == 1)
{
document.images[numero].src = cartes[numero];
if ( clic == 0 )
{
facea = gravure[numero];
n1 = numero;
}
if ( clic == 1 )
{
faceb = gravure[numero];
n2 = numero;
clic = -1;
agiretcompter(facea,faceb,n1,n2);
}
clic++;
}
else
{
alert ("Commencez la partie en cliquant sur JOUER" );
}
}
//_______________________________________________________________________//
//_______________________________________________________________________//
function changerClass(){
//On recupere l'element html dans le document//
var e = document.getElementById("jeu" );
//on modifie sa classe css pour changer l'image de fond du jeu//
e.className = 'nouvelletable';
}
//________________________________________________________//
function agiretcompter(facea,faceb,n1,n2)
{
if (facea == faceb )
{
alert ("Attention il ne faut pas cliquer 2 fois sur la même image" );
}
if ( (facea == (faceb - nbrecarte/2)) || (faceb == (facea - gravure.length/2)))
{
trouve++;
essai++;
window.setTimeout('document.getElementsByTagName("td" )[n1].style.visibility = "hidden"',400);
window.setTimeout('document.getElementsByTagName("td" )[n2].style.visibility = "hidden"',400);
}
else
{
window.setTimeout('document.images[n1].src = "dos.jpg"',300);
window.setTimeout('document.images[n2].src = "dos.jpg"',300);
essai++;
}
if (trouve == nbrecarte/2 )
{
alert('Bravo c\'est gagné en : \n ' + essai + ' coups ');
window.setTimeout('changerClass()',100);
melanger = 0;
}
}

Message édité par nougatine0179 le 15-05-2012 à 12:09:11

Publicité

dwogsi

Défaillance cérébrale...

Un lien de démo peut être ? C'est plus pratique pour debugger... Lire tout ton code... c'est...
Firebug est ton amis soit dit en passant.

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

nougatine0179

autant pour moi, voici le lien avec les éléments du dossier.
j'ai encore tenté des rectifs mais rie n'y fait en plus j'ai une big carte de dos qui s'affiche au démarrage, super !
http://graphistelyon.free.fr/jeumemory/

nougatine0179

Personne pour m'aider ? :-((

mechkurt

Dans ta boucle installation, tu cibles toutes les images de la page pour les mettre de dos, y compris celle de ton entête, c'est pourquoi tu as une grosse carte de dos.

Quel est ton niveau en JS ?
Car sur ce forum on fait de la maïeutique, mais on ne fait pas les choses à la place des autres... ^^

Regarde pour utiliser un bibliothèque Javacript comme Jquery ou Mootools, ça te simplifieras énormément toutes les manipulations de ton code html (src des images, ajout ou suprpession de classe, selection d'image ayant une même classe, etc...).

nougatine0179

Du coup comment puis-je lancer le script au démarrage sans prendre en compte l'image du haut ?

Je suis entrain d'apprendre javascript mais entre les enfants et le travail c'est pas évident d'avancer rapidement.
J'effectue une formation à distance qui manque de clarté

mechkurt

Code :

for(var dos=0 ; dos<nbrecarte ; dos++);

Tu pars de dos = 0, si tu veux zapper la 1ere image, et comme tu passe par document.images[dos].src pour changer les src, tu peux augementer de 1 pour zapper la 1ere image du document.

Mais en utilisant une bibliothèque, tu pourrais cibler plus spécifiquement

Code :

$('jeu').getElements('img').each(function(IMG,index){
IMG.set('src','dos.jpg');
});

Tu as plein de ressource sur internet, par exemple : http://www.siteduzero.com/tutoriel [...] cript.html

FORUM HardWare.fr

Programmation

HTML/CSS

jeu de memory bug

Sujets relatifs
Shared Memory Posix sur un Mac	[MySQL] Moteur de base entre Memory et MyIsam
Constructeur par recopie (memory leak ?)	zip lib: memory exceeded sur les gros fichiers zip
[PERL] Out of memory sur Win7 x64 [RESOLU]	Fatal error: Allowed memory size of 33554432 bytes exhausted
memory error	[javascript]Out of memory :(
[Eclipse] "An out of memory error has occured". Un flutiste en cadeau.	ORACLE: ORA-00371: not enough shared pool memory, should be atleast 62
Plus de sujets relatifs à : jeu de memory bug

Page générée en 0.131 secondes