{Final Project} Progress Log 1

In my process to code a sprite animation of The Beatles while my micro:bit plays a small selection of songs by the group, I've encountered trouble with the code for the animation to be displayed on the webpage.

I've used this code for reference: http://molleindustria.github.io/p5.play/examples/index.html?fileName=animation_sprite_sheet.js

After emailing Professor Hagan specifics about what I could diagnose to the best of my ability through the Developer's Tool on my browser, I've made sure to download the p5play.js file within the same folder of my project (might have to try again, result seemed a little wonky) and add a <script> to the index.html file, as shown below.

The code I have for the sprite animation is shown below.

---

I've been using a sprite sheet of the sprite line art for testing in order to get to fixing errors sooner.

here's the linework. The 2nd frame is repeated at the end for the animation to loop rather than cut abruptly to the 1st frame.

---

In between trying to solve this, I have gotten a crack on making the songs (or rather, tunes that emulate Beatles songs) for the micro:bit and coloring in the frames. I would like to add shading, but I'm holding off on it for now.

[unimportant side-note: I'm refraining from making Beatles puns in any of these posts.]