Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Quick Links
Categories
- 7.8K All Categories
- 11 Help with translations
- 4.2K General questions
- 107 Roadmap
- 358 Game & application design
- 316 Plugins
- 70 User experience
- 75 Marketplace
- 291 Code snippets
- 34 Building a team?
- 269 Suggestions & requests
- 352 Announce your apps made with Gideros.
- 90 Step by step tutorials
- 668 Bugs and issues
- 195 Introduce yourself
- 239 Announcements
- 106 Forum talk
- 404 Relax cafe
[2016.10] Sprite skew effects
n1cke
Maintainer
What is 'skew' (aka 'shear mapping')? I will quote Wikipedia (https://en.wikipedia.org/wiki/Shear_mapping):
In Gideros you can apply skew effect to any Sprite class with `Sprite:setSkew(kx, ky)` where `kx` and `ky` are horizontal and vertical skew factors in range from -90 to 90 degrees. There are short versions too: `setSkewX(kx)` and `setSkewY(ky)`.
Skew effects are very useful, for example @SinisterSoft uses them for shadows:
http://giderosmobile.com/forum/discussion/6729/using-a-mask-and-the-new-sprite-skew-commands-to-make-a-shadow#Item_7
And this YouTube video demonstrates skew-based animation in Cocos2D:
You may use `Sprite:setSkewX` in ENTER_FRAME event to achieve same animation effect in Gideros.
And of course you can easily create italics text with skewX:
Note: to left align skewed text use following snippet:
In plane geometry, a shear mapping is a linear map that displaces each point in fixed direction, by an amount proportional to its signed distance from a line that is parallel to that directionA picture here is worth a thousand words:
In Gideros you can apply skew effect to any Sprite class with `Sprite:setSkew(kx, ky)` where `kx` and `ky` are horizontal and vertical skew factors in range from -90 to 90 degrees. There are short versions too: `setSkewX(kx)` and `setSkewY(ky)`.
Skew effects are very useful, for example @SinisterSoft uses them for shadows:
http://giderosmobile.com/forum/discussion/6729/using-a-mask-and-the-new-sprite-skew-commands-to-make-a-shadow#Item_7
And this YouTube video demonstrates skew-based animation in Cocos2D:
You may use `Sprite:setSkewX` in ENTER_FRAME event to achieve same animation effect in Gideros.
And of course you can easily create italics text with skewX:
Note: to left align skewed text use following snippet:
local offsetX = -math.tan(math.rad(math.min(text:getSkewX(), 0))) * text:getHeight() text:setX(offsetX) |
skewedhart.png
755 x 752 - 107K
skewedText.png
725 x 355 - 30K
Likes: pie, totebo, SinisterSoft, simwhi
+1 -1 (+4 / -0 )Share on Facebook