Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Jeu de TETRIS

Script posté par :

GhislainLavoie
Vous aussi, postez vos scripts en cliquant ici.

Description

Jeux de TETRIS en JS-DHTML. Des heures de plaisir a jouer avec ce jeu clasique.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 5 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 30/08/2005
Dernière modif : -
Visites de la page : 39502
Envois par mail : 1272

Exemple :

Jouez à Tetris !

Le code :

Entre <BODY> et </BODY> :

Dans un fichier nommé tetris.html placé dans le même repertoire que votre page :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>JS-DHTML-Tetris</title>
<meta name="Title" lang="fr" content="jeu de TETRIS">
<meta name="Keywords" lang="fr" content="javascript jeu tetris dhtml ghislain lavoie">
<meta name="Author" lang="fr" content="Ghislain Lavoie">

<STYLE type="text/css">
body {background-color:#d2d2d2;color:#000000;font-family:tahoma;}
input {background-color:#e6e6e6;width:120px;}
.caseTB {background-color:#8f8f8f;border:1px #f8cc8b inset;width:15px;height:15px;font-size:5px;}
.inpText {background-color:#9f9f9f;width:70px;border:0px;border-bottom:1px black solid;text-align:right;}
#aide {width:430px;height:400px;background-color:#d2d2d2;overflow:auto;font-family:arial;font-size:14px;position:absolute;display:none;}
p {margin:5px;}
p.para {text-align:justify;text-justify:auto;}
p.para:first-letter {font-weight:bold;}
</STYLE>
<script type="text/javascript">
var ok = null;
var formCour = null;
var formNext = null;
var cases = new Array();
var formes = new Array();
var niveau = 1;
var point = 0;
var ligne = 0;
var pause = false;
var fin = true;
var coulForme = new Array("#81e7f5","#0eb16c","#404fff","#fcd836","#c681f5","#7ffd29","#ff0000");
formes[0] = new Array(-1,0,-1,1,0,1,0,2,-2,1,-1,1,-1,0,0,0,-1,0,-1,1,0,1,0,2,-2,1,-1,1,-1,0,0,0);
formes[1] = new Array(0,0,0,1,-1,1,-1,2,-2,0,-1,0,-1,1,0,1,0,0,0,1,-1,1,-1,2,-2,0,-1,0,-1,1,0,1);
formes[2] = new Array(-1,1,-1,2,0,1,0,2,-1,1,-1,2,0,1,0,2,-1,1,-1,2,0,1,0,2,-1,1,-1,2,0,1,0,2);
formes[3] = new Array(0,2,0,1,0,0,-1,0,0,1,-1,1,-2,1,-2,2,-1,0,-1,1,-1,2,0,2,-2,1,-1,1,0,1,0,0);
formes[4] = new Array(0,0,0,1,0,2,-1,2,-2,1,-1,1,0,1,0,2,-1,2,-1,1,-1,0,0,0,0,1,-1,1,-2,1,-2,0);
formes[5] = new Array(0,0,0,1,0,2,0,3,-3,1,-2,1,-1,1,0,1,0,0,0,1,0,2,0,3,-3,1,-2,1,-1,1,0,1);
formes[6] = new Array(-1,0,-1,1,-1,2,0,1,-2,1,-1,1,0,1,-1,0,0,2,0,1,0,0,-1,1,0,0,-1,0,-2,0,-1,1);
var tailleCase = 15;
var nbCaseX = 12;
var nbCaseY = 22;
var taille = tailleCase + (document.all?0:-2);
var rebord = (document.all)?0:2;
var posx,posy;
var formCour, formSuiv;
function cube(y,x,py,px,coul)
{
this.el = document.createElement("div");
this.el.style.position = "absolute";
this.el.style.top = ((taille+rebord)*(y+py))+"px";
this.el.style.left = ((taille+rebord)*(x+px))+"px";
this.el.style.display = (y+py>=0)?"block":"none";
this.el.style.width = taille+"px";
this.el.style.height = taille+"px";
this.el.style.backgroundColor = coul;
this.el.style.border="1px black solid";
this.el.style.fontSize = "0px";
}

function forme(no,py,px,leDiv)
{
var i,j;
this.cubes = new Array();
this.rotation = 0;
this.no = no;
for (i =0, j=0;i<8;i = i+2,j++)
{
this.cubes[j] = new cube(formes[no][i],formes[no][i+1],py,px,coulForme[no])
leDiv.appendChild(this.cubes[j].el);
}
}

function nouvellePartie()
{
var i;
initCases();
if (formCour && !fin)
{
for (i=0; i<4;i++)
bord.removeChild(formCour.cubes[i].el);
}
posx = ((nbCaseX / 2)-2);
posy = -1;
vitesse = 650;
niveau = 1;
point = 0;
ligne = 0;
fin = false;
formNext =new forme( Math.floor(Math.random()*formes.length),1,0,prochain);
formCour =new forme( Math.floor(Math.random()*formes.length),posy,posx,bord);
pts = setInterval("majPointage()",1000);
setTimeout("partieEnCour()",vitesse);
}

function majPointage()
{
document.main.points.value = point;
document.main.niveaux.value = niveau;
document.main.lignes.value = ligne;
}

function topElement(e)
{
return ((e && topElement != topElement.caller)?e.offsetTop:0) + ((e && e.offsetParent)?e.offsetParent.offsetTop + topElement(e.offsetParent):0);
}

Si vous ne savez pas comment créer le fichier tetris.html, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De GhislainLavoie - le 30-08-2005

L'EJS a skipper les caractères html no-breaking space par des espaces.

Sa cause des problème d'affichage.

ligne 122: col.innerHTML=" "; Lignes 295-296 : <tr><td class="caseTB"> </td><td class="caseTB"> </td><td class="caseTB"> </td><td class="caseTB"> </td></tr> <tr><td class="caseTB"> </td><td class="caseTB"> </td><td class="caseTB"> </td><td class="caseTB"> </td></tr>

Je vais demander a JC de cirriger le code mais d'ici là, vous devrez corriger le code.

A+, Ghislain

De mobman02 - le 04-09-2005

Woohhww, nan mais ca va pas ? le niveau il est impossible !
Ya quoi apres ? ^^
Tres bon script rien a redire.
Il faudrais peut etre que la barre espace nje fasse qu'accellerer le mouvement du bloc, et pas le descendre d'un coup, mais c'est pas important.

Bravo

De GilDev - le 24-05-2006

Sa marche pas sur mon mac

De alex13 - le 26-12-2007

mieux! met sa!sa pese moin lourd!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>tertis</title>
</head>
<body>
<a href="http://www.editeurjavascript.com/scripts/js.php?tips_id=526">jouez
a tetris</a>
</body>
</html>

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Internet-hebergeur.fr
Hébergement grand public et pro à partir de 5 euros HT/mois.
http://www.internet-heber...

Cat : Hebergement web
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

61327 membres
7223 comptes CountUs
1721 comptes myCircle

LES FORUMS :

14 forums
39947 topics
190903 messages
>> Les forums

SONDAGE

La mini-astuce "Referencement" du jour par edg_webmaster
Si vous utilisez une page avec beaucoup d'images, n'oubliez pas d'utiliser dans vos balises IMG les attributs TITLE et ALT avec des valeurs différentes pour chaque image. Google vous en sera reconnaissant et indexera mieux votre page.
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi