Now the fiddly bit, you will need to adjust the VH (vertical height) value in Embed to make it fit your stack how you want it. Still in Embed stack selct the link button to Javascript, this will open a URL or Resources option, choose Resources and navugate to the unique Javascript required to launch your hype. Select in Embed stack 'Hype animation' (default is preset to iFrame in the menu) then paste the Div start/close line in the box under the pull down menu. Now open the orginal HTML file in a browser to preview the Hype animation, view source and copy only the line for the Div start and finish for the resource assets, the second line you will have copied for the script is not needed, you will link to this instead in Embed next. Go to Will Wodegate's Stacks For Stacks and grab the free Embed stack.Ĭopy the enclosing folder of Hype assets to RW Resources. Now export as HTML with enclosing folder. This stage I think from what you are saying is done correctly. Hi Nelson, when your animation is finished ensure everything is grouped in to one Group Folder in Hype and scaling for the Group Folder is 100% and horizontal/vertical is activated in the pinning box and Zoom Contents in the pull down menu set with Shrink to Fit ticked. Within the Group are 3 animating elements. The scene consists of a 1 Group with all of it's Pins and Sizing activated, with Scale behavior set to "Shrink to Fit" and the "Zoom contents" checkbox turned on. The Scale options for both width and height are turned on. It is only when placing the scene into an HTML Stack that the scene doesn't draw.Ĭan anyone suggest an alternative solution or workaround to get this working? Thanks in advance. Note that if I were to embed my Hype scene into a plain RapidWeaver HTML page (not a Stacks page) or if I were to embed the scene in the Head and Body of the HTML Code inspector in RW, the scene draws fine complete with scaling functionality as I resize the browser window. The HTML stack always renders as flat as proven by its border, if I were to turn that on. I've tried placing the HTML stack into a Joe Workman Static Height stack, as well as other Foundry container-type stacks, without any success. What I think it happening is that the scene doesn't know what the size of its container is and thus ends up with a 0 height canvas to draw on. Unfortunately, after checking those boxes, the scene no longer draws itself at all in the RapidWeaver generated page. Now, I would like to activate those 2 Scale checkboxes so that when the HTML stack containing the Hype scene resizes itself, the scene will fill up the space and size right along with it. the 2 scale checkboxes found in the Scene inspector are not checked) and were therefore fixed in size. However, those scenes did not have scene scaling turned on (i.e. I have successfully embedded Hype scenes into RapidWeaver stacks in the past without much issue.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |