I want to use a gif I made for my sprite (it would be nice if the gif only played when the character moved) So far, I have a rectangle with choppy character movements. (It would also be nice if I could make the character movement smoother. I watched tons of tutorials but I couldn't find anything that shows how to do what I want to do.
Here is the code
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#backgroundColor {
width: 100px;
height: 100px;
background-color: white;