Scrolling large content

Solar2D General Questions/Discussion
#1

Hi

I have a very large image (~4000x3000), on which I place some fixed place small images and I wish to display it using natural resolution on screen and be able to scroll around it (selectively) - meaning each time a different crop of it will be displayed, I want to be able to select the top/left or center X,Y coordinates. no need for scroll bars or anything.

What’s the correct way to implement it?

P.S.
I was thinking of adding the large image and its layers into a single display group and “translate” it around (to -1000,-1000 for example to scroll right and down), but I’m not really sure that’s the best way to do it. Also, Corona has got a limitation of 2048x2048 max image size for display.newImage()…
thanks
I

[import]uid: 124146 topic_id: 24385 reply_id: 324385[/import]

#2

Hi,
Yes, you will not be able to load 4000x3000px image, it’s not only limitation of Corona, but of most of the mobile devices. So you would probably need to crop your big images into at least 4 pieces and tile them side by side to recreate your big image in corona.
Then yes, the best way I can think of is putting it in display group and translate the group. Not sure what you meant by “selectively” in “scroll adound it (selectively)” though… [import]uid: 80100 topic_id: 24385 reply_id: 98582[/import]

#3

what I mean by selectivly is that the script will choose the current (pre-set) zoom/scroll position, not the user by touching…

so I guess I’d split the image to 4 parts and tile it as 2x2 -should I use something like:

bigtile = display.newGroup()
image1 = display.newImage(bigtile, “1.png”, 0,0,true) – X/Y pos are exacts
image2 = display.newImage(bigtile, “2.png”, 2048,0,true)
image3 = display.newImage(bigtile, “3.png”, 0,2048,true)
image4 = display.newImage(bigtile, “4.png”, 2048,2048,true)
smalloverlay1 = display.newImage(bigtile, “ol1.png”, 2500,2500,true) – X/Y are just an example
smalloverlay2 = display.newImage(bigtile, “ol2.png”, 1000,1000,true)
smalloverlay3 = display.newImage(bigtile, “ol3.png”, 3000,3400,true)

and then do 'translate’s on the ‘bigtile’ display group?
is this the right method to do it?
does this method prohibits me to use the auto image scaling feature?
(presetting the screen width/height in config.lua)

also - Isn’t there a scrollview mechanism or a “CCamera”-alike API that can do it smoothly for me?

thanks alot for the help!
I [import]uid: 124146 topic_id: 24385 reply_id: 98614[/import]