Trucs et astuces Express - L'aide informatique au bout des doigts!

Bienvenue invité ( Connexion | Inscription )

 
 Reply to this topicStart new topic
> Casse briques...
h2ck3r
posté 06-11-2005 - 10:59
Message #1


Membre


Groupe : Membres
Messages : 101
Inscrit : 30-07-2005
Lieu : Hyeres, var (en France)
Membre n° 7 358
Salut a tous!
Voila, je voulais faire un casse-briques, mais j'ai quelques problemes avec l'affichage des briques, la balle qui n'existe pas, et l'effacage des briques si la balle les touches...
J'ai commencé par faire la table de jeux avec le "paddle" qui lui bouge de droite a gauche.

Voila le code :
CODE
<HTML>
<HEAD>
<script language="javascript">


function départ()
{
créemur()
document.getElementById("15,15").style.backgroundColor = "C80000"
document.getElementById("f15,15").color="C80000"
document.form.positionX.value = 15
document.form.positionY.value = 15
document.getElementById(positionFin).style.backgroundColor = "0AC814"
document.getElementById("f"+positionFin).color = "0AC814"
window.status = "H2ck3r website"
}
function move(e)
{
y = document.form.positionY.value*1
x = document.form.positionX.value*1
if (e == 50 && check(y+1,x))
{
afficher(y+1,x)
}
if (e == 54 && check(y,x+1))
{
afficher(y,x+1)
}
if (e == 56 && check(y-1,x))
{
afficher(y-1,x)
}
if (e == 52 && check(y,x-1))
{
afficher(y,x-1)
}
}
function check(Y,X)
{
if (document.getElementById(Y+","+X)) return true
else return false
}
function afficher(Y,X)
{
effacer(document.form.positionY.value,document.form.positionX.value)
document.getElementById(Y+","+X).style.backgroundColor = "C80000"
document.getElementById("f"+Y+","+X).color="C80000"
document.form.positionX.value = X
document.form.positionY.value = Y
vérifier()
}

function effacer(Y,X)
{
document.getElementById(Y+","+X).style.backgroundColor = "FFFFFF"
document.getElementById("f"+Y+","+X).color = "FFFFFF"
}
function créemur()
{
position = new Array()
pos = position
for (i=0;i<position.length;i++)
{
pos[i] = pos[i].split(",")
if (check(pos[i][0],pos[i][1]))
{
document.getElementById(position[i]).style.backgroundColor = "000000"
document.getElementById("f"+position[i]).color = "000000"
document.getElementById(position[i]).id = ""
}
}
}
</SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
    background-color: #F0F1F0;
}
-->
</style></HEAD>
<BODY onload="départ()" onkeypress="move(event.keyCode)">
<FORM name="form">
<INPUT type="hidden" name="hauteur">
<INPUT type="hidden" name="largeur">
<INPUT type="hidden" name="positionX">
<INPUT type="hidden" name="positionY">
</FORM>
<script>
hauteur =20
largeur =30
backgcolor = "FFFFFF"
code ="<TABLE border='0'><TR>"
for (i=0;i<largeur+2;i++)
{
code+="<TD bgcolor='000000'></TD>"
}
code+="</TR>"
for (i=0;i<hauteur;i++)
{
code +="<TR><TD bgcolor='000000'></TD>"
for (x=0;x<largeur;x++)
{
code += "<TD id='"+i+","+x+"' bgcolor='"+backgcolor+"'><FONT color='"+backgcolor+"' id='f"+i+","+x+"'>---</FONT></TD>"
}
code+="<TD bgcolor='000000'></TD></TR>"
}
code+="<TR>"
for (i=0;i<largeur+2;i++)
{
code+="<TD bgcolor='000000'></TD>"
}
code+="</TR>"
code+="</TABLE>"
document.write(code)
document.form.hauteur.value = hauteur
document.form.largeur.value = largeur
</SCRIPT>
</BODY>
</HTML>


--------------------
My Webpage

I'm not here to wreak havoc... it's right
Go to the top of the page
 
+Quote Post
h2ck3r
posté 07-11-2005 - 13:41
Message #2


Membre


Groupe : Membres
Messages : 101
Inscrit : 30-07-2005
Lieu : Hyeres, var (en France)
Membre n° 7 358
Salut a tous!
Voila, j'ai modifier tpout le script, pour permettre a la raquette de se déplacer avec la souris, un affichage des points, un rebondissement de la balle sur les murs (invisibles...)
Voila, j'en ai fait un avec plusieur niveau de difficulter. Pour ceux qui veullent voir, c'est :
ICI


--------------------
My Webpage

I'm not here to wreak havoc... it's right
Go to the top of the page
 
+Quote Post
Groumphy
posté 07-11-2005 - 15:14
Message #3


Modérateur loufoque et linuxien


Groupe : Modérateurs
Messages : 2 914
Inscrit : 26-11-2002
Lieu : Bruxelles
Membre n° 148
Deux petits stress : On ne vois pas les bords ... Et le compteur ne se remet pas a 0 lorsque l'on fait Restart.

Sinon c'est vachement bien fait icon_smile.gif


--------------------
----------------------------------
Blog (Archives)
Go to the top of the page
 
+Quote Post
Helger
posté 07-11-2005 - 17:41
Message #4


Modérateur


Groupe : Modérateurs
Messages : 4 997
Inscrit : 18-01-2005
Lieu : Gaule
Membre n° 5 492
Ouais vraiment bien.
Même remarque que Groumph.
En sachant que j'ai réussi à bloquer le jeu. icon_mrgreen.gif
Si la balle va de haut en bas de façon rectiligne sur un des bords, ben tu peux rester comme un c.. pendant des heures. Impossible de faire changer la direction de la balle. sad.gif


--------------------
Go to the top of the page
 
+Quote Post
h2ck3r
posté 08-11-2005 - 13:55
Message #5


Membre


Groupe : Membres
Messages : 101
Inscrit : 30-07-2005
Lieu : Hyeres, var (en France)
Membre n° 7 358
Merci les gars.

En effet, le probleme de la balle restée coincée dans un coté (gauche ou droite) en continant d'aller de bas en haut est assez chiant... Mais je n'ai pas réussi a le modifier. Si vous pouvez m'aider, ça serait bien.

Lorsque je fais restart, le score se remet a 0, met pas le Meilleur score (sous I.E, mais je n'ai pas testé sous firefox,opera, netscape..., ce que je pense, tu utilise)

Ensuite pour les bords.. Et bien, je viens de modifierle script de facon a ce qu'il apparaissent.
Allez le voir, sa devrait etre bon.

Merci, a+ les gars


--------------------
My Webpage

I'm not here to wreak havoc... it's right
Go to the top of the page
 
+Quote Post
« Sujets plus anciens · Langage de programmation Web · Sujets plus récents »
 

Reply to this topicStart new topic

 

RSS Version bas débit Nous sommes le : 28-08-2008 - 7:26
Powered By IP.Board © 2008  IPS, Inc.
annuaire