Img in Jquery auf Tastendruck nach oben bewegen

[af2111]

Hallo,

ich möchte ein Spiel programmieren, bei dem der Charakter innerhalb einer bestimmten Zeit Münzen einsammeln muss. Leider bin ich bei der Steuerung der Figur durch Tastendruck nicht weitergekommen, da ich nicht weiss was die Css Eigenschaft oder der Jquery-Befehl für eine Bewegung nach oben ist. Das ist der Code:

   $(document).ready(function() {
    
    let sprite = $(".sprite");
    let xvonsprite = 0;
    let yvonsprite = 0;
    $(document).keydown(function(event) {
    if(event.key == "ArrowUp") {
        yvonsprite++;
     sprite.animate("bottom", "+1px");
    }
    });
    });

.playground {
    height: 400px;
    width: 70%;
    border: 10px solid black;
}
.sprite {
    position: absolute;
    margin-top: 200px;
    margin-left: 348.095px;
    width: 40px;
    height: 50px;
}