Ex Adobe Edge Animate User looking at viability of Hype

[Cip2u (Cipsteroni)]

I liked EA for it’s ease of use. Unfortunately Adobe has discontinued support. Not happy.

I need to create a project that looks similar to this:

2013 on Ustream

Can you create this with Hype?

Looks like it can be broken down into different sections and using menu and anchor tags to navigate between sections.

Thanks!

[Photics]

@Cip2u

Looks like it can be broken down into different sections and using menu and anchor tags to navigate between sections.

This might be what you're looking for...

• Tumult Hype Documentation

It's an "Action" for elements. The menu is easy. It's just a group that sits at the bottom. Or if you want to breakup the layout into scenes, and not just have vertical scrolling, a persistent symbol is also another way to do the menu.

[jonathan (Jonathan Deutsch)]

The animations themselves look pretty doable - I’m a biased source but Hype is generally more powerful than Edge Animate was ;).

The viewport actions (aka waypoints) are a great way to trigger animations when scrolled to. It is up to you on how you want to break it up; you could do the whole page as one large Hype document, or split it up into different documents and glue it together via HTML. I’d personally do separate animations because it will be easier to work with.

There’s a 14-day fully functional trial, so the best way is to play around and make sure it can accomplish what you want.

[Cip2u (Cipsteroni)]

Thanks Michael!

[Cip2u (Cipsteroni)]

Thanks Jonathan! I’ll take it for a spin.

How would you animated the numbers counting up to a specific value?
Can you animate stroking a percent of a circle or semicircle. i.e 28% of it.

Thanks again.

[jonathan (Jonathan Deutsch)]

The text contents (InnerHTML) of elements is animatable, so you could make keyframes. I've seen others drive it with code, which might be easier if you're familiar with JavaScript.

Hype uses the HTML5 DOM, so a little bit of trickery is involved in making a a circular element like that. These threads have example documents making a circle loader with numbering:

Circle Downloader Animation Plus Counter

I just made this for fun, to see if I could combine a circle/rotation wipe animation with a percentage counter. With special thanks to @MarkHunte whose counter javascript I adapted to make this counter. Let me know what you think. If anyone wants to play around with it, make an update to it, I’d love to see it. Please post it here. [image] Circle Animation.hype.zip (21.2 KB)

Create a circling animation

I am looking to achieve a similar animation to the gif below but with an oval, I’ve switched from Edge Animate and was able to do this by clipping half of the circle within a group, hiding the overflow then moving the clip to show the half circle. I then duplicated the group and did the same effect to the bottom half of the circle, so it looked like it was continuous loop. Any help would be greatly appreciated! [image]

Circular countdown

I like to make a circular countdown i.e. in a timeline the circular progress bar will become 0% to 100%. [image] is there any unique way?

[Cip2u (Cipsteroni)]

Great! I will try these.

Wow! Great advise. Looks like there is a thriving community here with invaluable resources and idea exchanges. I truly appreciate all the feedback. Much Mahalo (thanks in Hawaiian)! - Aloha

[elcalibano]

Thanks!