html5 canvas translate 2D side scrolling camera

Question

Can anyone help or give ideas on how to use HTML5 canvas translate to make a scrolling camera to follow an object?

score 2 · Accepted Answer · edited May 23 '17 at 12:20

2

You want to use ctx.translate(x, y) to move the canvas context while you draw your objects normally.

For more detail and suggestions see my answer here: 2D side scrolling camera view in html5

The accepted answer for that question is another valid way of doing things but is much worse performance-wise.

edited May 23 '17 at 12:20

Community

answered Dec 18 '11 at 15:34

Simon Sarris

1 Answers1