What would be best method for display of a repeating animated tile?

Using only JavaScript, HTML5 (canvas) and CSS (no other libraries), what would people suggest as a method to

  • create a not too complicated tile with low-rate animation of sea waves
  • reference that for an HTML/JavaScript based game, and
  • repeat the "mosaic" of those tiles on a specified pattern ?

I now understand the concept of sprites, but I was hoping to simply create an animated GIF and reference that. Unfortunately, I have not seen any indication of that being possible or used in any of the game examples that I have looked thru.

This is ground-level work for my continuing efforts to create a modified version of the Battleship game.

1 Like
3 Likes