Bonjour à tous,
Je suis en train de développer un jeu dans un canvas et je souhaiterais faire défiler le décor verticalement (imaginez une voiture vue de haut avec la route qui défile de haut en bas).
J'arrive à faire le défilement de l'image mais je n'arrive pas à boucler sur l'image pour que le début du décors reprenne pile au bout de la fin de l'image.
Mon décors représente un câble vertical avec un demi-cercle au début du câble et l'autre moitié du cercle à la fin du câble (si on joint le début et la fin de l'image cela forme un cercle entier).
Pour le moment j'ai ceci:
Merci de votre aide
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 var bg = new Image(); bg.src= "Images/decorsFull.png"; //L'image fait 1000px de hauteur //On commence à -500px pour que le coin supérieur gauche de l'image soit en bas à gauche du canvas var renderBg = function(){ //Si on arrive au bout de l'image alors on remet la variable de hauteur à la position initiale //Je pensais que de cette manière ça fonctionnerait mais non... if(y==500)y=-500; context.drawImage(bg,0,y) y += 4; }
Il suffisait simplement de faire le test avec y==0 ^^
Partager