Hi guys, here another template for HypePro4.
…feed this lovely gang of chicks, but be careful not to give too many worms to the same chick!
not a real game but a nice pastime
No code or images, only timeline and vector shape.
preview
hype_template_worms_party.zip (794.5 KB)
More info in HypeDocks
hope you like it!
Michelangelo
4 Likes
MaxZieb
(Loves Hype)
June 25, 2019, 5:04pm
2
Your outdoing yourself. Nice!
I’d disallow zooming the viewport on mobile devices if possible.
I didn't notice, you're right, thanks
Yeah it’s fun, I made this design with Kaleido App (IOS) and I thought I’d animate it in hype.
We can even "dirty" the sign with your trick!! maybe is a missing thing to make the illustration more natural?
[49]
Animated preview here
HypeSquiggleEnabler is based on SVG-filter and uses some classes to apply the effect to specific elements. It comes in handy if you want to create that hand drawn animation look. You can add the effect to any element through applying the class hypeSquiggle and modify it’s speed with squiggleMedium or squiggleSlow (Default is squiggleFast). If you got two squiggles with the same speed and it seems too synchronized you can offset one squiggle animation by adding squig…
MaxZieb
(Loves Hype)
June 25, 2019, 5:41pm
6
Yes, nice place for the wiggle… although it hits on performance on the game screen. In the intro it is fine!
Update: added “HypeSquiggleEnabler”
@MaxZieb [here your HypeSquiggleEnabler 1.1] use chrome (https://www.hypetemplates.com/demos/worms_party/medium/index.html ) ( setting “medium”)
and here my new style “static” ,just to see the static style
.squiggleStatic {
-webkit-animation-duration: 9.9s !important;
animation-duration: 9.9s !important;
animation: squiggly-anim 30s infinite;;
}
guys, which is your favorite?
MaxZieb
(Loves Hype)
June 25, 2019, 5:43pm
8
Nice that you dusted of the effects. I abandoned the project as Safari demands this to be done on SVG and disallows the SVG effects on DIV’s. As long as your targeting the SVG path it should be fine though.
1 Like