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 : 35292
Envois par mail : 1206

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

23 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

SpreadShirt
Ouvrez une boutique de Tshirt personnalisés sur votre site !
https://www.spreadshirt.net/

Cat : Contenu pour votre site
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

56132 membres
8367 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "HTML / CSS" du jour par sadike
Vous ne savez pas trop comment vous y prendre pour faire la mise en forme de votre site en XHTML et CSS? Laissez vous guider par le générateur CSSCreator: http://www.csscreator.com/version2/pagelayout.php
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi