how to build a Candy Crush like menu

Solar2D General Questions/Discussion
#1

Hello everybody !

I am using the scroll view widget to build a menu, and my intent was to imitate the Candy Crush model. I’ve have problems due to needs of placing many buttons throught a pattern. I don’t know if I should build the image while the app is running, or if it is better to have the image already ready before launching the app.

Does someone has any advices?

#2

Which menu in candy crush are you talking about?

btw

Que voulez-vous dire le menu ?, Si il est plus facile pour vous d’expliquer, il vous suffit de parler français. :slight_smile:

#3

I meant the Candy Crush Saga (http://www.laearn.com/blog/wp-content/uploads/2014/05/candy-crush-saga-int-2.jpg)

By the way, I can’t speak french, and I may say, that if you speak italian it would be much more easier to me :slight_smile:

#4

My Italian is pretty limited to general meet and great :slight_smile:

Building it from scratch is extremely time consuming so just going to give you a real top level quick and dirty example using coronas built in widgets and some quick techniques to get you on the right track.

Using the scroll view widget in combination with bezier lines with a fill on them to produce the strip on the map we can achieve this pretty quickly.

First look at this tutorial, the trick is to use the below technique and then save the points so you can just draw it on the fly later instead of loading up a line as an image.

http://coronalabs.com/blog/2014/09/09/tutorial-working-with-curved-paths/

Then build a data file something like below, you could also put in stuff like the key/pointer to the image name or sheet index etc.

local levels = { {level = 1, x = 100, y = 100}, }

Then just draw everything into the scroll view in reverse so level 1 is at the very bottom.

Then set scrollview scroll = players current level.

That is the 50ft level I guess lol

#5

thank you, I know it’s difficult write in good english (I studied a lot to achieve this, and i still make mistakes)

Anyway, this bezier seems useful.

I ask you a favor, Can you make 2 buttons (or figure) and then draw a curve between them?

(Do it only if you want)

#6

Which menu in candy crush are you talking about?

btw

Que voulez-vous dire le menu ?, Si il est plus facile pour vous d’expliquer, il vous suffit de parler français. :slight_smile:

#7

I meant the Candy Crush Saga (http://www.laearn.com/blog/wp-content/uploads/2014/05/candy-crush-saga-int-2.jpg)

By the way, I can’t speak french, and I may say, that if you speak italian it would be much more easier to me :slight_smile:

#8

My Italian is pretty limited to general meet and great :slight_smile:

Building it from scratch is extremely time consuming so just going to give you a real top level quick and dirty example using coronas built in widgets and some quick techniques to get you on the right track.

Using the scroll view widget in combination with bezier lines with a fill on them to produce the strip on the map we can achieve this pretty quickly.

First look at this tutorial, the trick is to use the below technique and then save the points so you can just draw it on the fly later instead of loading up a line as an image.

http://coronalabs.com/blog/2014/09/09/tutorial-working-with-curved-paths/

Then build a data file something like below, you could also put in stuff like the key/pointer to the image name or sheet index etc.

local levels = { {level = 1, x = 100, y = 100}, }

Then just draw everything into the scroll view in reverse so level 1 is at the very bottom.

Then set scrollview scroll = players current level.

That is the 50ft level I guess lol

#9

thank you, I know it’s difficult write in good english (I studied a lot to achieve this, and i still make mistakes)

Anyway, this bezier seems useful.

I ask you a favor, Can you make 2 buttons (or figure) and then draw a curve between them?

(Do it only if you want)