Divide background into 2 parts

Getting Started Newbie Questions
#1

Hello,
I want to add an event listener to half of my background
(i.e. to upper half of the background). How can I implement this?

#2

Take whatever image you have for a background and using a graphic tool like gimp or paintshop or such and split the background image into 2 separate textures/images.  Each image will need to be half the height of the display.

  local bkgd =  display.newGroup() local bkgdTop = display.newImage("top.png") local bkgdBot = display.newImage("bot.png")   bkgd:insert( bkgdTop ) bkgd:insert( bkgdBot )   -- position the top and bot images in the group. bkgdTop.x = display.contentWidth \* .5 bkgdTop.y = display.contentHeight \* .25   bkgdBot.x = display.contentWidth \* .5 bkgdBot.y = display.contentHeight \* .75   local function onTouch(e) if e.phase == "ended" then print(" top half touched ") end return true end   bkgdTop:addEventListener("touch", onTouch)  
#3

you could also use the single background image and in the ‘onTouch’ event check the location of the touch event to determine id the touch is in the top half of the screen.

&nbsp; local function onTouch(e) if e.phase == "ended" then if e.y \< display.contentHeight \* .5 then print(" top half touched ") else -- don't do anything .. as you only want action&nbsp; -- on the top half of background print(" bot half touched ") end end return true end &nbsp;
#4

or add a .isVisible=false + .isHitTestable=true rect over the upper half and put your touch listener on THAT instead

#5

Thank you soo much … I used the second method. Thanks again :slight_smile:

cyberparkstudios

#6

Take whatever image you have for a background and using a graphic tool like gimp or paintshop or such and split the background image into 2 separate textures/images.  Each image will need to be half the height of the display.

&nbsp; local bkgd = &nbsp;display.newGroup() local bkgdTop = display.newImage("top.png") local bkgdBot = display.newImage("bot.png") &nbsp; bkgd:insert( bkgdTop ) bkgd:insert( bkgdBot ) &nbsp; -- position the top and bot images in the group. bkgdTop.x = display.contentWidth \* .5 bkgdTop.y = display.contentHeight \* .25 &nbsp; bkgdBot.x = display.contentWidth \* .5 bkgdBot.y = display.contentHeight \* .75 &nbsp; local function onTouch(e) if e.phase == "ended" then print(" top half touched ") end return true end &nbsp; bkgdTop:addEventListener("touch", onTouch) &nbsp;
#7

you could also use the single background image and in the ‘onTouch’ event check the location of the touch event to determine id the touch is in the top half of the screen.

&nbsp; local function onTouch(e) if e.phase == "ended" then if e.y \< display.contentHeight \* .5 then print(" top half touched ") else -- don't do anything .. as you only want action&nbsp; -- on the top half of background print(" bot half touched ") end end return true end &nbsp;
#8

or add a .isVisible=false + .isHitTestable=true rect over the upper half and put your touch listener on THAT instead

#9

Thank you soo much … I used the second method. Thanks again :slight_smile:

cyberparkstudios