Survey Legend Character


(melissa weaver) #1

How is this done?
I have got this website created by SurveyLegend.com and created using Hype. Last scroll has a little character floating with a cloak on the left hand side. Does anybody know how this was created? I am thinking its done with Physics but not sure how? Would really appreciate any tips on how do something like this.
Thanks


About the Tips & Tricks category
#2

You’d have to ask @kiarokh for his secrets :slight_smile:

I believe that character was created before the age of Physics. (BP)


#3

You might be interested in this post, Melissa:


(melissa weaver) #4

Hey Daniel,
I had already seen this and was greatly inspired by it but thanks anyway. I will get in touch with @kiarokh


(kiarokh) #5

Hi guys
Thanks for reaching out, and sorry for the delay in responding. :smile:
Well, Daniel is right, this was made before the Physics came into the picture, and the only real secret is that Hype is simply an amazing program :blush:

But if we talk more in details:
The character is made with several layers, which have all their movements keyframes in a separate timeline. The Legend’s timeline is triggered to start in a specific time from the main timeline.

The layers in the back, are the legend’s cape, and they have their anchor point on the top side (around the legend’s neck), and also move independently in 3D sphere. However, all the layers move upwards and downwards “in the same time”. So it feels that the cape is connected to the body, even if they go up and down together. Also, all of the layers are anchored to top and bottom of the page (not left and right) to force them follow the responsive layout.

Anyhow, with the new version of Hype, you can do this in a much better and more responsive way. If I should recreate this now again, I would put all the legend’s layers into one symbol, and then move (floating movements) the symbol in a separate timeline. This would give you more flexibility, you could have more parts of the body to move, perhaps add some physics, and still make it work with your general responsive layout. I assume so at least, but I haven’t tested it. The strategy you choose depends on what you want to make.

Hope I could help :wink:
Thanks a lot once again!
And let me know if you make something similar.

p.s.
you’d find a more dynamic version of the legend here: https://www.surveylegend.com/404


(melissa weaver) #6

Hi Kiarokh, it’s very kind of you to get back to me with so much detail. I love what you have done with the site. I will try your idea of using a symbol and send you the link once I have done it.
Thanks again
Melissa