Problème jeu

Fermé
Utilisateur anonyme - 28 nov. 2012 à 06:51
 Utilisateur anonyme - 29 nov. 2012 à 00:55
Bonjour,

Alors voila, vous verrez que pour mon décor, je fais défiler des étoiles: dès que il y en a une qui atteint le bas, on la remet en haut: seleument, pourquoi que certaines remontent?

<html>
<head>
<title></title>
<script type="text/JavaScript">

//Variables

var fusee=new Image;
fusee.src="fusee.jpg";
var boardW=400;
var boardH=500;
var rocketX=180;
var rocketY=420;
var rocketDX=5;
var rocketW=18;
var decorD=4;
var starW=2;
var starH=20;
//Variables de décor (étoiles qui défilent)
var star1Y=20;
var star2Y=130;
var star3Y=210;
var star4Y=250;
var star5Y=290;
var star6Y=330;
var star7Y=390;
var star8Y=430;
var star9Y=40;
var star10Y=70;
var star11Y=233;
var star12Y=222;
var star13Y=290;
var star14Y=260;

//On récupère le canvas, context, ect...

function getCanvas() {

canvas=document.getElementById("monCanvas");

if (canvas.getContext) {

ctx=canvas.getContext("2d");

gameLoop=setInterval(drawGame, 1000/60);

window.addEventListener("keydown", keyboard, true);

}

else {

alert("Votre navigateur ne supporte pas canvas. Téléchargez FireFox ou IE9!");

}
}
function drawGame() {
//Dessiner le terrain et la fusée
ctx.beginPath();
ctx.fillStyle="black";
ctx.fillRect(0, 0, boardW, boardH);
ctx.drawImage(fusee, rocketX, rocketY);
//Dessiner le décor (étoiles qui défilent)
if (star5Y==boardH) {
star5Y=0;
}
if (star1Y==boardH) {
star1Y=boardH-boardH;
}
if (star2Y==boardH) {
star2Y=0;
}
if (star3Y==boardH) {
star3Y=boardH-boardH;
}
if (star4Y==boardH) {
star4Y=boardH-boardH;
}
if (star6Y==boardH) {
star6Y=boardH-boardH;
}
if (star7Y==boardH) {
star7Y=0;
}
if (star8Y==boardH) {
star8Y=0;
}
if (star9Y==boardH) {
star9Y=0;
}
if (star10Y==boardH) {
star10Y=0;
}
if (star11Y==boardH) {
star11Y=0;
}
if (star12Y==boardH) {
star12Y=0;
}
if (star13Y==boardH) {
star13Y=0;
}
if (star14Y==boardH) {
star14Y=0;
}

star1Y=star1Y+decorD;
star2Y=star2Y+decorD;
star3Y=star3Y+decorD;
star4Y=star4Y+decorD;
star5Y=star5Y+decorD;
star6Y=star6Y+decorD;
star7Y=star7Y+decorD;
star8Y=star8Y+decorD;
star9Y=star9Y+decorD;
star10Y=star10Y+decorD;
star11Y=star11Y+decorD;
star12Y=star12Y+decorD;
star13Y=star13Y+decorD;
star14Y=star14Y+decorD;
ctx.fillStyle="white";
ctx.fillRect(100, star1Y, starW, starH);
ctx.fillRect(120, star2Y, starW, starH);
ctx.fillRect(190, star3Y, starW, starH);
ctx.fillRect(80, star4Y, starW, starH);
ctx.fillRect(30, star5Y, starW, starH);
ctx.fillRect(240, star6Y, starW, starH);
ctx.fillRect(265, star7Y, starW, starH);
ctx.fillRect(280, star8Y, starW, starH);
ctx.fillRect(20, star9Y, starW, starH);
ctx.fillRect(250, star10Y, starW, starH);
ctx.fillRect(300, star11Y, starW, starH);
ctx.fillRect(210, star12Y, starW, starH);
ctx.fillRect(255, star13Y, starW, starH);
ctx.fillRect(10, star14Y, starW, starH);



}
//programme clavier
function keyboard(evt) {
switch (evt.keyCode) {
// Left arrow.
case 37:
rocketX-=rocketDX;
if (rocketX < 0) rocketX = 0;
break;


// Right arrow.
case 39:
rocketX+=rocketDX;
if (rocketX > boardW - rocketW) rocketX = boardW - rocketW;
break;


}
}
</script>
<style type="text/CSS">
</style>
<body onLoad="getCanvas();">
<div align="center">
<canvas id="monCanvas" width="400" height="500"></canvas>
</div>


</body>
</html>

Merci.



A voir également:

2 réponses

gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
28 nov. 2012 à 12:06
Bonjour,

Aurais-tu le site d'exemple pour qu'on voiye le pourquoi que du comment ? ( LOL )

A+
Gaerebut
0
Utilisateur anonyme
29 nov. 2012 à 00:55
Heu... C'est mon code.
0