Ok, I hope this hasn't been asked, but I could not find one, especially nothing recent.
Quick Background: I've been away from programming for a couple of years and dusted off an old project to create a browser game that is already quite functional and I would like to complete, but actually as an IOS / Android app instead of a desktop browser game.
Very Basics of the Game: The game itself is basically a civilization build an empire type game. The game area is a background image inside of a DIV element with spaces to build things. Once "built" the buildings are isometric images that are absolutely floated with CSS and aligned over top of the background to appear where they were built in the city. I think that paints the picture, but basically those "buildings" (floated images) are also links that open up additional dialogs and give more game functionality.
My Question: Keeping in mind that other than aligning the images properly over the background image, all of the images in my game are static.
Should I actually be using an HTML5 < canvas > element for this task?
Also does the UI get wrapped in the canvas too? (that's maybe a separate question)
Should I use a html5 framework to work with the canvas?
Does any of this change if my goal is to publish on IOS / Android instead of desktop browser experience (I.e. apple review process)?
Or are both of these methods just the complete wrong approach? hah. I hope I've kept this as clear as possible and thank you for your time and input!!
P.S. I should also say my current strategy is to just keep programming it as a browser game (checking chrome dev tools to see how it looks on phone) and assume I can wrap it later. But if that's wrong I want to get ahead of it.