Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.

I'm trying to create a endlessly scrolling bitmap background. I want to make it as efficient as possible as there is plenty of other game logic going on too.

The idea is to have a repeatable bitmap scroll horizontally on an endless loop, which can obviously be achieved by placing two sprites of the same bitmap next to each other and offsetting one when it reaches the far left boundary.

I was wondering if there is perhaps a faster more efficient way to do this, perhaps using scrollRect or copyPixels? If anyone has any idea which method would be fastest, and perhaps some code to show me how it could be achieved I'd be extremely grateful!

Cheers!

share|improve this question
add comment

1 Answer

up vote 2 down vote accepted

Make a seamless looping image ( by cleverly joining the two) then, have a look at this older articles:

  1. Andre Michelle's Tile Mapping
  2. Senocular's Sprite scrolling

There should be some updated examples out there. Make a test with Grant Skinner Performance test and see what's faster for your setup, copyPixels() or scroll()

HTH, George

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.
{"cc_re__cc_re__cc_by_sa_3_0": ["        <li><a href=\"http://area51.stackexchange.com\" title=\"proposing new sites in the Stack Exchange network\">Area 51</a></li>\r\n                        <li><a href=\"http://careers.stackoverflow.com\">Stack Overflow Careers</a></li>\r\n                    \r\n                </ol>\r\n            </td>\r\n    </tr>\r\n</table>\r\n                </div>\r\n            </div>\r\n\r\n            <div id=\"copyright\">\r\n                site design / logo &#169; 2014 stack exchange inc; user contributions licensed under <a href=\"http://creativecommons.org/licenses/by-sa/3.0/\" rel=\"license\">cc by-sa 3.0</a> \r\n                with <a href=\"http://blog.stackoverflow.com/2009/06/attribution-required/\" rel=\"license\">attribution required</a>\r\n            </div>\r\n            <div id=\"svnrev\">\r\n                rev 2014.3.15.1463\r\n            </div>\r\n            \r\n        </div>\r\n    </div>\r\n    <noscript>\r\n        <div id=\"noscript-warning\">Stack Overflow works best with JavaScript enabled<img src=\"http://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif\" alt=\"\" class=\"dno\"></div>\r\n    </nos"], "copyright__copyright__copyright": ["t this older articles:\n\n  1. Andre Michelle's Tile Mapping\n  2. Senocular's Sprite scrolling\n\nThere should be some updated examples out there. Make a test with Grant Skinner Performance test and see what's faster for your setup, copyPixels() or scroll()\n\nHTH, George\n\nshare|improve this answer\nadd comment\n\nYour Answer\n\n\u00a0\ndiscard\n\nBy posting your answer, you agree to the privacy policy and terms of service.\n\nNot the answer you're looking for? Browse other questions tagged or ask your own question."]}