In our EMS app, they want the phone icon in the upper right of the screen to expand into an overlay/popup that has 3 additional icons on it to dial different hospitals/trauma centers.
They want it to start off the same size as the icon (say 50x50) and then rotate and expand to be about 200x200 with the three icons inside.
Is there a way to do that in Corona?
Use a transition.to() with rotation and scaleX, scaleY values. eg:
local image = display.newImage("phone.png") image.x, image.y = 25, 25 transition.to( image, { time=2500, x=300, y=300, rotation=360, scaleX=3, scaleY=3 } )Thanks… but it’s actually a scene overlay that I would be doing it to…
Not sure what you’re asking then.
Sorry, I’ll try to explain better.
So in the upper right hand corner, there is an icon of a phone. When they tap that icon, they want an overlay to appear that has other icons in it.
I’m assuming the overlay will be a scene and that I will display it in overlay mode. The scene would appear over the icon very small, then grow and move to the center of the screen while rotating.
You don’t need a new scene/overlay for this, that is overkill for what you are trying to do.
Are you talking about kind of how candy crush does their bottom left menu, where you click on it and 3 other buttons appear to slide out from that button?
I see. Well, you can do it either way. You don’t need a scene for it, but if you are going to be implementing lots of other stuff too, you can use a scene and make it modal to easily stop touches dropping to the scene below. If you want you can even use the scene parameters to pass the content position of the button in the first scene to the overlay so it can position the start of the animation correctly.
Sort of… instead of just sliding out, the overlay - basically a circular background with three buttons expands and rotates out of the button.
Use a transition.to() with rotation and scaleX, scaleY values. eg:
local image = display.newImage("phone.png") image.x, image.y = 25, 25 transition.to( image, { time=2500, x=300, y=300, rotation=360, scaleX=3, scaleY=3 } )Thanks… but it’s actually a scene overlay that I would be doing it to…
Not sure what you’re asking then.
Sorry, I’ll try to explain better.
So in the upper right hand corner, there is an icon of a phone. When they tap that icon, they want an overlay to appear that has other icons in it.
I’m assuming the overlay will be a scene and that I will display it in overlay mode. The scene would appear over the icon very small, then grow and move to the center of the screen while rotating.
You don’t need a new scene/overlay for this, that is overkill for what you are trying to do.
Are you talking about kind of how candy crush does their bottom left menu, where you click on it and 3 other buttons appear to slide out from that button?
I see. Well, you can do it either way. You don’t need a scene for it, but if you are going to be implementing lots of other stuff too, you can use a scene and make it modal to easily stop touches dropping to the scene below. If you want you can even use the scene parameters to pass the content position of the button in the first scene to the overlay so it can position the start of the animation correctly.
Sort of… instead of just sliding out, the overlay - basically a circular background with three buttons expands and rotates out of the button.