DesordreWiki

MeMory

PagePrincipale :: DerniersChangements :: ParametresUtilisateur :: Vous êtes ec2-18-206-15-215.compute-1.amazonaws.com


Les jeux de memory ont été développés par Julien à l'automne 2003, c'était notre première collaboration. a l'époque Julien ne s'était pas encore penché sur les possibilités du javascript et avait donc construit le jeu de memory grâce à une applet java, qui fonctionnait admirablement. Elle présentait cependant l'inconvénient de toutes les applets java, de devoir charger la console java à l'ouverture de l'applet, ce qui pouvait être assez long.

Il est désormais possible de créer des jeux de memory en javascript, par ailleurs Julien a ajouté la possibilité de renvoyer vers une autre page, page dite de "récompense", à la résolution complète du jeu.

Le fichier qui contient le jeu se présente comme suit:

<html>
<head>
<title>Memory</title>
<link href="memory.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="scripts/memory.js">
</script>
<script type="text/javascript" src="scripts/card.js">
</script>
</head>

<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bottommargin="0" rightmargin="0">
<div id="log">
</div>

<div id="controls">
</div>

<div id="buttons">
<a href="javascript:switchLog()">Switch log</a>
<a href="javascript:clearLog()">Clear log</a>
</div>
<script type="text/javascript">
var myMemory = new Memory("xxxxxxx", "myMemory", "controls", "window.open('recompense.htm','recompense','scrollbars=yes,toolbar=no,top=0,left=0,Height=xxx,Width=xxx');");
myMemory.writeHtml();
</script>
</body>
</html>



où xxxxxxx est le nom du répertoire contenant les images numérotées de 001 et 050 au format gif ou jpg.

Les scripts associés sont les suivants

memory.js



card.js




pop.html

<html>
<head>
<title>Memory option</title>
<script type="text/javascript" src="memory.js">
</script>
<script type="text/javascript">
var params;
function submit() {
var gameType = document.chooseGame.gameType.value;
var nbPlayers = (document.chooseGame.nbPlayers[0].checked) ? 1 : 2;
this.opener[params[0]].newGame(gameType, nbPlayers);
this.close();
}
</script>
</head>

<body>
<form id="chooseGame" name="chooseGame" action="javascript:submit()">
<script type="text/javascript">

var i = window.location.href.indexOf("=") + 1;
var paramsString = window.location.href.substring(i, window.location.href.length);
params = paramsString.split(",");

document.write("Nombre de joueurs : ");
for (var j = 1; j < 3; j++) {
document.write("<input type='radio' name='nbPlayers' value='" + j + "'");
if (j == params[2]) {
document.write(" checked='true'");
}
document.write(">" + j + "</input>");
}
document.write("<br/>Jeu : ");

document.write("<select id='gameType' name='gameType'>");
for (var name in jeux) {
if (name == params[1]) {
document.write("<option selected value='" + name + "'>" + jeux[name][1] + "<\/option>");
} else {
document.write("<option value='" + name +"'>" + jeux[name][1] + "<\/option>");
}
}
document.write("<\/select>");
</script>
<br/>
<button name="submit" type="submit" value="submit">Choisir</button>
</form>
</body>
</html>


memory.css




Ne pas oublier le fichier dos.gif





ChantiersEnCours
LeCoinDeJulien
QuelquesExtraitsDeCodeUtilisesDansLeDesordre
Commentaires [Cacher commentaires/formulaire]