Simple interactive web "game": click to drop food to a feed chicken!
- Rearrange sprite sheet to be 1 long strip and make size of frame consistent
- Idle animation
- Trigger walk animation with a click
- Click renders food
- "Walk" to food
- Eating animation
- Clear food sprite after eating
- Support left and right walking
Heavily guided using the following article since I'm a canvas and animation noob: https://dev.to/martyhimmel/animating-sprite-sheets-with-javascript-ag3
Chicken sprite - https://opengameart.org/content/lpc-chicken-rework