1) A collision check to detect mouse clicks over the button area

2) Those are the stop positions for when the menu is supposed to not be able to scroll further up/down. So it depends on how long your menu is.

3) All icons are in 1 image, mind that.

4) one possibility: ...

Thank you SO much! and korbaach too! Been stuck with this problem for a week to no avail and today I've done it. Learnt how to do it in the future too, (didn't just want to copy/paste without learning). Again, thanks all!

Just want to learn how this is accomplished.

dropbox.com/s/ctxu8zuj6ftcgbm/ScrMenu.capx?dl=0

Like:

1) What is "MenuCheck" in the project files.

2) How did they get the Y positions to come to -73, and 553?

3) When I do the same, my sprites collapse on each other when it moves up/down. Whereas theirs keep their alignment. (I copy/pasted my sprites to make multiples of them, I assume this is what they did too? Otherwise, did they do something extra that I did not notice?).

4) How can I apply this to "Touch". so instead of clicking the up+down buttons, the user can touch the screen and scroll, and still have the boundary set so the user will stop at the top and bottom.

Thank you.

The destroy before you create makes so you can refresh the screen, and re-daw the list, without re-drawing it on top of the old list. So every time before you draw anything, you should first delete the old version.( re-draw = "refresh")

I use Functions quite a bit. They are for re-drawing the list, and re-drawing some of the menu elements.

I think Ashley describes functions the best:So basically you make a change to the array, you want to refresh the screen ,so the user can see it in the list.

I've got an image-point on the top of my list, and an image-point on the top of the border. I did a Pick Overlap, and when my list overlaps the border's imagepointX and imagepointY, it will stop scrolling.

But how do I only stop the user scrolling up or down, when a condition is met? For example they can't scroll in the negative (-) Y direction?

In other words, how do I stop the user scrolling further up/down when "list" Y position = "border" Y position.

The destroy before you create makes so you can refresh the screen, and re-daw the list, without re-drawing it on top of the old list. So every time before you draw anything, you should first delete the old version.( re-draw = "refresh")

I use Functions quite a bit. They are for re-drawing the list, and re-drawing some of the menu elements.

I think Ashley describes functions the best:So basically you make a change to the array, you want to refresh the screen ,so the user can see it in the list.

I'm stuck at this for like a week lol.

Anyways. Can you tell me how did you so that when you add a new array value, there will be a sprite (background) behind it?

Store the mission names along the X axis, and everything about the mission in the Y axis.

So the entry will look like

X=0,Y=0 Level1

X=0,Y=1 Description of level one

X=0,Y=2 Level 1's .JSON load URL

X=0,Y=3 Last date played

X=0,Y=4 Highest Score

X=0,Y=5 Whatever...........

When you add a new level insert on the X axis.

You are basically building a small database in the array.

I've read the array for beginners guide. And think I can candle arrays to a small extent. But there are so many things that confuse me in your events. Care to elaborate for some of them? (I know you have labelled them with is helpful, but I guess I need more help).

For example, what are the functions for? And why do I need to "call" stuff.

And why do I need to destroy the sprites at the end, and then recreate it?

Really want to understand/learn from this rather than copy/pasting your work.

Load your list into an array, Then you can copy the last value to the front , and pop the cell that the last value was in for your scroll. It will only loop through the values in the array. You wont need to scroll the screen at all this way, the list will scroll .

Here is a load thing i was working on:look at where I click the up and down button to see how to scroll up and down.

If I'm going to go with arrays (your idea), I'm going to have to scrap mine. As I have currently got "mission panels" which contains the information of said mission along with its context, requirements, rewards etc. And it piles on and on creating a rather huge list that expands past my view able layout/window. That sounds inefficient, i think?

But, I really have no idea how to incorporate having a list of "missions" stored into an array. Pointers?

Load your list into an array, Then you can copy the last value to the front , and pop the cell that the last value was in for your scroll. It will only loop through the values in the array. You wont need to scroll the screen at all this way, the list will scroll .

Here is a load thing i was working on:look at where I click the up and down button to see how to scroll up and down.

So I can load my missions, including their description and bunch of other miscellaneous text (like requirements + rewards) all into an array?! Please confirm.

Also, how do I stop the list from looping?

So I have the user scroll/drag up or down to navigate a list of missions. How do I stop the user to continue dragging the list of missions down when he's already at the bottom of the list. Vice versa: How do I stop them scrolling up when they're at the top of the list.

If they continue scrolling the mission list will just keep moving further and further away from my layout, leaving behind only the background in view.

Here's the picture i'm referring to. Inside this little boarder, I can swipe/scroll up+down to navigate the in-game characters. And there is about 30 characters listed within that boarder.

Alternatively, this link which I found somewhere on the Scirra forums, (forgot where), demos what I'm talking about too (kinda). There is a huge numbers list that seems to be inside this invisible boarder. Scrolling with the sidebar navigates you up+down.

dl.dropboxusercontent.com/u/5779181/C2Demo/scrollable_text/index.html

I'm wondering how to do that, (having such a large list inside a smaller boarder), and to navigate up+down by swiping/scrolling with mouse instead of using a sidebar.

I guess you could put the menu on a layer with blendmode and force own texture..

Another way would be creating and destroying the menu-items dynamicaly..

A combination of both would ofcourse also be possible

It all depends on your needs..

Could you link me to some tutorials/read-ups for what is blendmode+force own texture?

>

> I'm way too much of a beginner to know what you mean, ha. But I'll give it a read+look around into this matrix thing and see how I get on first.

>

> But can I just confirm that this will produce a result of what I meant such as in the app Tap Titans?

>

Not sure what game you are talking about. This is just a way to scroll large numbers of things without drawing everything in the matrix.

My crappy English probably does not help. It is only 3 little things you need to do. Here is a load and save system:Look at the part where the user clicks the green up and down buttons to scroll the list.

To try this, just run the capx, and type a few entries in and click the save button. Then you can click the up and down arrows and see the scroll.

Can use the same trick to scroll through large amounts of text,

It gives me an error when opening, that it was made from a newer version of Construct 2 (214), and that my version is v212.2. It asks me to find a newer version, but 212.2 seems like the latest via the download page.

I think you're on a beta version, and I'm not. Do you mind converting/saving it for older versions (if possible)?

Use an array.

To scroll right copy the end of X, to X,0, then pop the back of X and redraw the matrix.

Here is how to draw a matrix from an array.:You can later load and save the array as a .json file. That way you can use local storage to save the players place if needed.

I'm way too much of a beginner to know what you mean, ha. But I'll give it a read+look around into this matrix thing and see how I get on first.

But can I just confirm that this will produce a result of what I meant such as in the app Tap Titans?