Actuellement, j'essaye de travailler sur un projet de jeu 2d en javascript. J'ai déjà réalisé et animé le personnage et j'ai réussi a le faire bouger verticalement afin qu'il puisse esquiver les obstacles qui viendront vers lui . A présent j'aimerais faire apparaître des obstacles aléatoirement a droite de l'écran sur l'axe y et en mouvement de droite a gauche. Mais je bloque sur la création d'obstacles. C'est pourquoi je vous demande de l'aide.
voila le début du code que j'ai essayé de faire:
Code : Tout sélectionner
aleatoire = Math.floor(Math.random() * (height-550 - height-50 + 1)) + height-50; //height-550 = hauteur max et height-50 = hauteur min
function obstacles(x, y) {
function dessiner() {
var canvas = document.getElementById('pic');
if (pic.getContext) {
var ctx = pic.getContext('2d');
ctx.beginPath(); // ici on créé un pic orienté vers la gauche
ctx.moveTo(75, 50);
ctx.lineTo(100, 75);
ctx.lineTo(100, 25);
ctx.fill();
}
setInterval(obstacles, 2000); // on créé un nouveau pic toutes les 2 secondes
y = aleatoire;
x = width;
while (x>0) { //tant que le pic n'est pas sorti de l'écran par la gauche x se décrémente de 10
x -= 10; }
}
}
//width = a droite de l'ecran