Skip to main content
Game Development

Return to Question

added 7 characters in body; edited title
Source Link
user1430
user1430

How do I make a scrolling map within html5an HTML5 canvas?

My project is a 2d2D tactics style game with a square grid.It's It's all HTML5 Javasript/Javascript/JQuery.

I have been able to draw out the grid and have a system where I can load different maps with tiles where units can and cannot move. Now I would like to make it so only a portion of the map is displayed in the canvas and the player can scroll around to different characters and stuff (like in normal tacticstactical games).

However I have no idea even where to get started doing this in html5with an HTML5 canvas,. I did something similar in unityUnity but the level of abstraction with the cameras basically did it for me.

How do I make a scrolling map within html5 canvas?

My project is a 2d tactics style game with a square grid.It's all HTML5 Javasript/JQuery I have been able to draw out the grid and have a system where I can load different maps with tiles where units can and cannot move. Now I would like to make it so only a portion of the map is displayed in the canvas and the player can scroll around to different characters and stuff (like in normal tactics games)

However I have no idea even where to get started doing this in html5 canvas, I did something similar in unity but the level of abstraction with the cameras basically did it for me.

How do I make a scrolling map within an HTML5 canvas?

My project is a 2D tactics game with a square grid. It's all HTML5/Javascript/JQuery.

I have been able to draw out the grid and have a system where I can load different maps with tiles where units can and cannot move. Now I would like to make it so only a portion of the map is displayed in the canvas and the player can scroll around to different characters and stuff (like in normal tactical games).

However I have no idea even where to get started doing this with an HTML5 canvas. I did something similar in Unity but the level of abstraction with the cameras basically did it for me.

Tweeted twitter.com/#!/StackGameDev/status/529460132103467008
Source Link
Cluny
Cluny
  • 51
  • 1
  • 2

How do I make a scrolling map within html5 canvas?

My project is a 2d tactics style game with a square grid.It's all HTML5 Javasript/JQuery I have been able to draw out the grid and have a system where I can load different maps with tiles where units can and cannot move. Now I would like to make it so only a portion of the map is displayed in the canvas and the player can scroll around to different characters and stuff (like in normal tactics games)

However I have no idea even where to get started doing this in html5 canvas, I did something similar in unity but the level of abstraction with the cameras basically did it for me.