• Home
•  » Blog
•  » Scroll Moving Clouds

Scroll Moving Clouds

This sample shows you that with just two images, you could have a nice and smooth scrolling moving clouds.
(notice how I call 'bGroup'; this is if you want to use director, otherwise, just take it off)
 

Simply add this to your main.lua file and you're set:

          local clouds1 = display.newImageRect( "images/clouds.png", 395, 121)

      clouds1:setReferencePoint( display.CenterLeftReferencePoint )

      clouds1.x = 0

      clouds1.y = 86

      bGroup:insert(clouds1)

    

      local clouds2 = display.newImageRect( "images/clouds2.png", 395, 121)

      clouds2:setReferencePoint( display.CenterLeftReferencePoint )

      clouds2.x = 480

      clouds2.y = 66

      bGroup:insert(clouds2)

    

    -- MOVE CLOUDS SLOWLY

          local cloudMoveSpeed = 0.5 -- control speed (less than 1 makes it move slower)


          local function fnClouds(event)

                  clouds1.x = clouds1.x - cloudMoveSpeed

                  clouds2.x = clouds2.x - cloudMoveSpeed

    

                  if (clouds1.x + clouds1.contentWidth) < 0 then
                     clouds1:translate( 480 * 2, 0)
                  end
    

                  if (clouds2.x + clouds2.contentWidth) < 0 then
                     clouds2:translate( 480 * 2, 0)
                 end

          end

          -- END CLOUD MOVEMENT

          Runtime:addEventListener( "enterFrame", fnClouds )

And that's it!