I just added another transition function called zRotate() to my transition2 library for Corona. You guessed it, it rotates a display object in the z dimension around either the x or y axis. It requires the display object to have a path with four nodes (x1, y1) to (x4, y4), like images and rects do. If you want to know more about what transition2 is, you can read this blog post.
A simple vertical rotation could look like this:
A little more complex example of a horizontal rotation with a color effect at the end of each iteration. Note that this example utilizes two new params: iterationDelay and onIterationComplete (which is not the same as onRepeat).
As a final example, you can do pretty cool stuff like this bounce/glow/zRotate/to combo: :)
And here's the link to the Github repository where you can get the full source code: https://github.com/rannerboy/corona-transition2
Enjoy!
A simple vertical rotation could look like this:
transition.zRotate(coronaLogo, { degrees = 360, time = 3000, iterations = 0, transition = easing.inOutSine, reverse = true, })
A little more complex example of a horizontal rotation with a color effect at the end of each iteration. Note that this example utilizes two new params: iterationDelay and onIterationComplete (which is not the same as onRepeat).
transition.zRotate(coronaLogo, { degrees = -1440, time = 4000, iterations = 0, transition = easing.inOutQuad, perspective = 0.75, horizontal = true, iterationDelay = 1000, onIterationComplete = function() transition.color(coronaLogo, { startColor = orange, endColor = white, time = 500, transition = easing.inOutSine, reverse = true, }) end, })
As a final example, you can do pretty cool stuff like this bounce/glow/zRotate/to combo: :)
transition.zRotate(coronaLogo, { degrees = 360, time = 4000, iterations = 0, transition = easing.inOutSine, reverse = true, horizontal = true, }) transition.glow(coronaLogo, { startColor = white, endColor = orange, time = 2000, }) transition.bounce(coronaLogo, { height = display.contentHeight - 400, time = 2000, iterations = 0, }) transition.to(coronaLogo, { rotation = 360, time = 2000, iterations = 0, }) transition.to(coronaLogo, { xScale = 2.5, yScale = 2.5, transition = easing.continuousLoop, time = 2000, iterations = 0, })
And here's the link to the Github repository where you can get the full source code: https://github.com/rannerboy/corona-transition2
Enjoy!
Comments
Post a Comment