Tell us what’s happening:
"You can use the clearRect() Web API to accomplish this. It takes in an x, y, width, and height arguments.
Below your requestAnimationFrame, call the clearRect() method on the ctx variable and pass in 0, 0, canvas.width, canvas.height as the arguments." I have got the code right but can anyone tell me what purpose of this code is here and what this clearRect() is doing?
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* file: script.js */
// User Editable Region
const animate = () => {
requestAnimationFrame(animate);
}
// User Editable Region
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36
Challenge Information:
Learn Intermediate OOP by Building a Platformer Game - Step 42