Need help creating a credits screen

Solar2D General Questions/Discussion
#1

I am trying to create a credits screen using widget.newScrollView and I am having some problems. If anyone can give me some pointers I would really appreciate it.

The things that I need are:

  1. Scroll the container so that it stays in place. Currently it will just snap back to the starting position. Do I have to do this manually using the touch event?
  2. Fade out the text as it goes off-screen. This isn’t necessary but it would look cool.

Also, do any of you have suggestions on managing the text? As it stands I think I’ll have to define a new set of text for each title and list below it so that I can control the formatting.

Thanks!

-Treb [import]uid: 181948 topic_id: 33771 reply_id: 333771[/import]

#2

Hello,

  1. If I understand correctly it snaps back to starting position because the scoll area is so small (height is too low). Add some more content to the scrollview, just newlines for instance ("\n"). I’ve done credits screen using widget.newScrollView and it does not snap back to starting position. It has one display group that has all the credit text separately (as I need little bit bigger title captions or bold text).

  2. When using newScrollView I didn’t want the text to scroll completely off-screen (it might cause some weird behaviour anyways I think) but I instead move scrollview using scrollToTop and scrollToBottom methods. With this I don’t have use for fadeout. User can ofcourse scoll it normally too.

Here’s one video that shows my credits screen with auto-scrolling but no user scrolling in this video:
http://www.youtube.com/watch?v=XBj2ZZI2i-M

Hope this helps.
Br,
Kalle [import]uid: 55867 topic_id: 33771 reply_id: 134201[/import]

#3

Wow thanks! I added more content and the container no longer snaps.

Really like the look of your game in that video BTW.

-Treb [import]uid: 181948 topic_id: 33771 reply_id: 134204[/import]

#4

You probably could make a mask for your scrollView using a white to black gradient to have it fade out. See:

http://docs.coronalabs.com/api/library/graphics/newMask.html

[import]uid: 199310 topic_id: 33771 reply_id: 134236[/import]

#5

Thanks Rob! I’m still trying to learn the whole mask concept but I made a top and bottom gradient and it worked perfectly!

-Treb [import]uid: 181948 topic_id: 33771 reply_id: 134242[/import]

#6

Hello,

  1. If I understand correctly it snaps back to starting position because the scoll area is so small (height is too low). Add some more content to the scrollview, just newlines for instance ("\n"). I’ve done credits screen using widget.newScrollView and it does not snap back to starting position. It has one display group that has all the credit text separately (as I need little bit bigger title captions or bold text).

  2. When using newScrollView I didn’t want the text to scroll completely off-screen (it might cause some weird behaviour anyways I think) but I instead move scrollview using scrollToTop and scrollToBottom methods. With this I don’t have use for fadeout. User can ofcourse scoll it normally too.

Here’s one video that shows my credits screen with auto-scrolling but no user scrolling in this video:
http://www.youtube.com/watch?v=XBj2ZZI2i-M

Hope this helps.
Br,
Kalle [import]uid: 55867 topic_id: 33771 reply_id: 134201[/import]

#7

Wow thanks! I added more content and the container no longer snaps.

Really like the look of your game in that video BTW.

-Treb [import]uid: 181948 topic_id: 33771 reply_id: 134204[/import]

#8

You probably could make a mask for your scrollView using a white to black gradient to have it fade out. See:

http://docs.coronalabs.com/api/library/graphics/newMask.html

[import]uid: 199310 topic_id: 33771 reply_id: 134236[/import]

#9

Thanks Rob! I’m still trying to learn the whole mask concept but I made a top and bottom gradient and it worked perfectly!

-Treb [import]uid: 181948 topic_id: 33771 reply_id: 134242[/import]