let translateX = -50; // Initial translateX value
let carElement;
// Function to handle the keydown event
function handleKeydown(event) {
// Check if the pressed key is the right arrow or 'd' key
if (event.key === 'ArrowRight' || event.key === 'd') {
translateX = Math.min(translateX + 10, 100); // Increase by 10%, max 100%
}
// Check if the pressed key is the left arrow or 'a' key
if (event.key === 'ArrowLeft' || event.key === 'a') {
translateX = Math.max(translateX - 10, -200); // Decrease by 10%, min -200%
}
// Check if the spacebar is pressed
if (event.code === 'Space') {
carElement.classList.add('jump'); // Add the 'jump' class
setTimeout(() => {
carElement.classList.remove('jump'); // Remove the 'jump' class after 500ms
}, 500); // Adjust the duration as needed
}
};
$: if (carElement) {
carElement.style.setProperty('--translateX', `${translateX}%`);
}
Auto kan bewogen worden met volgende javascript: