itawk.com - As2 Seamless Vertical and Horizontal Background Movement

As2 Seamless Vertical and Horizontal Background Movement

Posted on : 11 April, 2014 Tags: Flash, actionscript 2 0No comments yet »

Sorry for not posting anything for awhile but I been busy coding a remake of a game called Wulfram in actionscript. I'm posting this cause I searched all over the net to try and find a way to scroll a background image endlessly both verticly and horizontally and only came up with vertical methods so after working on it awhile and coming up with a nice little solution, I decided to show you all how it's done :)

Make sure you focus on the movie by clicking on it then use the "A-S-D-F" Keys to move.

Heres the code animator = createEmptyMovieClip('animator', 1); bg_1 = animator.attachMovie('bg_mc1', 'bg_1', 1); bg_2 = animator.attachMovie('bg_mc2', 'bg_2', 2); bg_3 = animator.attachMovie('bg_mc3', 'bg_3', 3); bg_4 = animator.attachMovie('bg_mc4', 'bg_4', 4); bg_1._x = -bg_1._width/2; bg_1._y = -bg_1._height/2; bg_2._x = bg_2._width/2; bg_2._y = -bg_2._height/2; bg_3._x = -bg_3._width/2; bg_3._y = bg_3._height/2; bg_4._x = bg_4._width/2; bg_4._y = bg_4._height/2; speed = 1; cloudWidth = 640; cloudHeight = 240; animator.onEnterFrame = function() { if (Key.isDown(65)) { // a key bg_1._x -= speed; bg_2._x -= speed; bg_3._x -= speed; bg_4._x -= speed; if (bg_1._x<=-bg_1._width) { bg_1._x = cloudWidth; bg_3._x = cloudWidth; } if (bg_2._x<=-bg_2._width) { bg_2._x = cloudWidth; bg_4._x = cloudWidth; } } if (Key.isDown(68)) { // d key bg_1._x += speed; bg_2._x += speed; bg_3._x += speed; bg_4._x += speed; if (bg_1._x>=bg_1._width) { bg_1._x = -cloudWidth; bg_3._x = -cloudWidth; } if (bg_2._x>=bg_2._width) { bg_2._x = -cloudWidth; bg_4._x = -cloudWidth; } } if (Key.isDown(87)) { // w key bg_1._y -= speed; bg_2._y -= speed; bg_3._y -= speed; bg_4._y -= speed; //trace (bg_1._y + " bg_3 = " + bg_3._y); if (bg_1._y<=-bg_1._height) { //trace ("reset bg_1 2 to: " + cloudHeight); bg_1._y = cloudHeight; bg_2._y = cloudHeight; } if (bg_3._y<=-bg_3._height) { //trace ("reset bg_3 4 to: " + cloudHeight); bg_3._y = cloudHeight; bg_4._y = cloudHeight; } } if (Key.isDown(83)) { // s key bg_1._y += speed; bg_2._y += speed; bg_3._y += speed; bg_4._y += speed; //trace (bg_1._y + " bg_3 = " + bg_3._y); if (bg_1._y>=bg_1._height) { //trace ("reset bg_3 4 to: -" + cloudHeight); bg_1._y = -cloudHeight; bg_2._y = -cloudHeight; } if (bg_3._y>=bg_3._height) { //trace ("reset bg_1 2 to: -" + cloudHeight); bg_3._y = -cloudHeight; bg_4._y = -cloudHeight; } } }; Download the source code: seamless_background.zip

Leave your comment