Hi, Thank you Jonathan and MarkHunte for your quick replies.
I cannot animate the negative space since we’ll be using images over there, the top has to stay transparent.
What I did is I cut the whole image into 31 parts, each the perfect size of my bar.
The another problem that arised was the motion of the bars. Since Hype animates position from the top and left only, I found a hard time animating the height and keeping the top value constant. So I flipped the whole thing 180° and had to redo the whole animation. It’s till WIP, but I’m happy with how its going now.
Hope I was be able to explain the whole thing properly.
HTML5 – Bars Movement.zip (1.3 MB)
Open File – Bars movement.hype.zip (1.2 MB)