Bonjour à tous,

Je suis sur un projet de jeu et je débute en javascript. Je voudrais déplacer une balle dans un cadre construit avec <canvas>.
Sur un site j'ai trouvé un bout de code qui me permet de le faire, mais j'ai un soucis car la balle monte vers le haut alors que je veux qu'elle descende en direction du bas du cadre.
Le code est celui-ci :

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var x = canvas.width/2;
var y = canvas.height-30;
var dx = 2;
var dy = -2;

function drawBall() {
ctx.beginPath();
ctx.arc(x, y, 10, 0, Math.PI*2);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();
}

function draw() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
drawBall();
x += dx;
y += dy;
}

setInterval(draw, 10);

Quel est le paramètre à changer ou bien une fonction à rajouter/retirer ?
Merci !

D'ailleurs je vous met le lien du site où j'ai récupéré ces infos : https://developer.mozilla.org/fr/docs/Games/Workflows/2D_Breakout_game_pure_JavaScript/Move_the_ball

Bonjour,

As tu essayé de changer la valeur de ta variable dy qui est ajoutée a la position y de ta balle ? Comme elle vaut -2 je pense que c est pour ça que ta balle descend, si tu change a 2 du coup elle devrait monter

Parfait c'est exactement ça !
Je pensais que ça correspondait tout simplement à la position initiale de la balle en pixel et non pas au mouvement.
Je t'en remercie, passe une bonne soirée !