You’re professional web, JavaScript and Astro programmer. My project is the HOMM3 style blog site with the challenging tab of projects-final.astro where is the implementation of the mini game HOMM3. This tab consists of the five JavaScript and projects-final files. This tab is still not finished.
You don’t need to touch the files that are not accorded to this task. Take focus on the tabs /src/game /src/pages/ /src/assets/objects .
Your task is to build the new component in JavaScript in new file objects.js. This file will have functions to render the object on my canvas. The object is fountain that should have visual size 2x1 tile but it should also have the bottom tile 1x1 as a logical footprint that Hero object can interact with when he will visit it. The fountain object that you have to implement is already provided in /src/assets/objects . It has 8 images becuase it is animation. You can try to implement whole animation but also you can also just make it working with one frame and then you will add the animation.
Get to know with my project and try to do it.
DO NOT CHANGE ACTUAL CODE. ADD COMMENTS WITH EXPLANATIONS. TRY TO CODE MINIMALISTIC AND CLEAR.