I am new to Hype. I want to find the best way to arrange my scenes for the most efficiency and optimal loading size.
In my project, I want to create three different “pages” for each of the target audiences. See the navigation schematic I have provided - jbnav.jpg.
From the same project/app, I want to have three navigation buttons (top right icons of example Image 1) that will go to the individual target market “pages”.
Each “page” will have its own unique button (round green buttons) pop up animations when clicked (see Image 2). These windows will close when the close button is clicked (go to time line of scene where it came from)
From what I understand, I will have to create a scene for every one these animations. Each of the three pages will have about 7 of these unique animations. Therefore, the project will have a total of about 21 scenes.
Is this the only way to create this piece, or is there a more efficient way to organize this?
I am concerned that this will be a huge file that will take forever to download. Of course I will try to minimize file import sizes and use as much html shapes as possible.
Can I divide the three pages into separate (Hype) projects and have them occupy the same space on the html page? Each loads when the button is clicked. Not sure If I need Javascript to do this. Seems like it.
Is it possible to have these pop up window as “sub-scenes” to a scene of the target market page scene? Perhaps scene is not the correct nomenclature.
I would think this is a common set up for interactive applications.
I’m seeing if there is a more efficient way of doing this than the way I am doing this.
Thanks for your help!
