you were suggesting layiing another element over the artwork.
Although it could be accepted as Masking, it is technically fairly different from MASKING in the way we do when making graphical design , isn’t it?
it’s more like Layer Clipping in Photoshop.
Clipping is also somewhat similar to Masking, but there are limitations.
Half tranceparency should be involved in Masking as well as changing the shape of Mask.
I tried this before posting this question: Masking Elements by using Content Overflow & Groups
but it cannot be doen in Hype when i try to reveal it from the bottom to top OR little more coplecated animating - for example, grouping other two groups and animating them each way.
Because Hype also animate their origins as well.
And an Undo makes the whole layout scattered which is frustrating.
speaking of masking, I would not have done cutting the artwork piece by piece if the shape of Mask could be animated.
Retangular shaped clipping were an alternative way in the first place for me.
I said ‘basic property’ because i thought CSS clipping property is done only in ractangular shape- mush simpler than a bezier path or mask. I could be wrong.
anyway, I made more videos quickly.
the yellow ribbons consist of 5 pieces and each piece is animated by clipping in a retangular shape.
I did the samy approch to the roads.
I also simply applied Easing.
No coding involved at all.
The whole animation going to be much longer in my project.
since now it is clear Hype does not support animating Clipping property, I think It would be a fair Feature Request I think.
I wasn’t being technical … I was simply using the word as it is meant to be used.
Maybe I shouldn’t of, but I took offence at the previous remarks of
and for that I am sorry. But for a program that costs what it does compared to a program that costs $50 a month, with a huge company behind it (no offence to the team here at Tumult), I am very pleased as to what it can do so far and am very happy with it.
If you request it I’m sure they will consider it a future option but for something like the clip animation (especially when the declaration is deprecated in favour of the clip-path) I think it will be difficult to implement. I may be wrong.
As for a previous post where I mentioned using SVG. This might be something you can look into as you can animate the actual paths.
If I did, I am sorry.
I shouldn’t have. Emotional expression is a bit hard for me.
I only wrote it as disapointment.
you are not wrong. As a developer myself, I can say nothing is easy. actually, web browsers have been impoved over 20 years by many people. Who can say it’s easy.
Sorry I should have chosen a word or senctence more carefully.
Maybe my expectation was a little higher when looking at what it is capable of–phisics,responsive design and more. Clipping seemed simpler to me.
If I were good at web coding, I would not have considered using this kind of tools at first.
but now I admit I have to ‘get my hands dirty with code’. -that expression is from Tumult Hype team, no offense.
You can do the in Hype by grouping the element. Set the overflow hidden for the group and animate the height and width. The group now works as a mask. You can also animate the position of element(s) within the group.
@jangeltun this is right, however in my tests, if you move the group/mask, it works well only from left >right or from top >bottom. I suppose depends on the Absolute Coordinates 0,0. located at the left-top side of the scene.
It’s a totally different story when you reveal the element like in the video i posted. Especially, bottom to top or right to left. there are more complecated ways- grouping elements
Sadly, we cannot do it without code in Hype 3 pro.
What is worse, the origins of elements change unexpectedly as well
the ultimate way would be to support masking images with a shape which can be animated. meanwhile, I thought clipping would be an alternetive.
I recently downloaded the Hype trial just to see how quickly I could remake some of my Edge animations. I was pretty stoked about how an easy transition between the two was. This was until I hit the brick wall with the very same CSS clipping property issue. To me, this feature is an absolute necessity, I wonder how this can be missing in the first place? Is there any timeframe or update whether this will be included in future versions?