Hi. I just upgraded to Hype 3 Pro and I’m thinking of creating a website that is entirely made with Hype. However, I have some questions about using a persistent symbol for the navigation buttons at the top of every page of my site.
I haven’t created the site or the navigation yet but I could use a little advice on accomplishing what I’m try to do.
I plan to create a few buttons for my navigation: in this case Home, Our Work, Our People, Contact— I might add a few others. I want them to appear together at the top of each scene.
I am thinking I’ll group all the buttons and turn the group into a persistent symbol.
The main reason I want to use a persistent symbol is that I also want to use scene transitions and I want the navigation to remain static during those transitions.
But I’m not sure how to change the color of each button when its corresponding page is viewed. To clarify:, if the “Home” scene is being viewed, I want it to be red and the other buttons to be black. When the “Our Work” scene is being viewed, I want the “Our Work” button to be red and the others buttons to be black etc.
So, what is the best strategy to accomplish this?
This what I’ve been thinking might work: I won’t use actual buttons. Each “button” will be a normal object and I will create two timelines for each “button”— one timeline for hovering (when the mouse is hovering over the “button”) and one timeline for when the “button” has been selected. So for instance, when the scene for “Our Work” is triggered, it will also run the selected timeline for the “Our Work” “button," which turns that “button” red.
Is that the right strategy or are there better/simpler ways to do it?