We already have a few nice behaviors that allow to create impressive visual effects.
As there are: Color, Blend, Size, Rotation, etc.
To give us even more options to go wild with our creations I propose the following new behavior blocks ( I know some have been discussed before, but i thought I line them up nicely).
1. Display Order
Handy feature for isometric maps and other situation where an object sometimes has to show up before or behind another object, depending on the situation. Yes, there are workarounds, but why clumsy when it could be easy
Block suggestion:
2. Skew
If you are not familiar with the term, just ask Dr.Google for CSS 2D skew. Basically it tilts an image along X and/or Y by an angle. Like pushing a rectangle into a parallelogram.
Uses: simple animations (… trees moving in the wind…) and again, handy for isometric levels. Would allow to create them without having to draw everything in iso perspective, could be done by applying ‘Skew’ to an image that you drew square as usual.
Just to give you a rough idea, one using Skew, the other good old Rotate & Size.
Block suggestion:
and now my favorite drum roll
3. 3D transform
Now that is a tricky one to explain. Basically it is faking a 3D effect by rotating a flat 2D image into 3D space. Would make it so easy to create Wolfenstein like 3D dungeons.
Here a link that explains the CSS version of it: CSS 3D transform
Another use would be for example flip animations for menus, card games, books, etc.
Block suggestion:
2 examples that shows how Skew could be used for simple animations (just add X movement to it and it looks like it crawls its way forward)
And an example for mentioned ‘flip’ animation.
Some might remember my attempt to achieve this in Flowlab … possible, but not really practical.
That’s it folks. Ask questions if something doesn’t make sense. Otherwise, remember the more likes and feedback we get on this post the higher the chances @grazer might implement it
Please leave your vote either way.
- Yes, that would be great
- Nah, I don’t see the point
- I don’t mind either way
0 voters