# Tumult Hype animation using macro resources link

**URL:** <https://forums.realmacsoftware.com/t/tumult-hype-animation-using-macro-resources-link/37011>\
**Category:** RapidWeaver Classic\
**Created:** [January 23, 2021, 8:46pm UTC](https://forums.realmacsoftware.com/t/tumult-hype-animation-using-macro-resources-link/37011 "2021-01-23T20:46:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![New2Stacks](https://avatars.discourse-cdn.com/v4/letter/n/c2a13f/32.png) [@New2Stacks](https://forums.realmacsoftware.com/u/New2Stacks)\
**Post date:** [January 23, 2021, 8:46pm UTC](https://forums.realmacsoftware.com/t/tumult-hype-animation-using-macro-resources-link/37011/1 "2021-01-23T20:46:04Z")

</div>

This is the official link to his instructions with a rapidweaver sample project using the macro resource way:

> **[HypeDocks » Embedding Hype Animations in RapidWeaver](https://www.hypedocks.com/embedding-hype-animation-in-rapidweaver/)**

I have tried to follow this guys instructions and are not able to make my animation work.

So than I tried another method that was in this forum:

> [@How do I add a tumult Hype animation to my Rapidweaver created site?](http://forums.realmacsoftware.com/t/how-do-i-add-a-tumult-hype-animation-to-my-rapidweaver-created-site/18329/5):
>
> I wrote a tutorial on how to do this a while ago. If you send me a private message with your email address I will send it to you. It all works in preview but I did not try it live. Here is a screen shot of how to embed your animation in RW:

posted on a sceenshot by JohnJ (please scroll down to his response and Dropplr screenshot)

The Steps that I do are exporting the Hype Animation as an html folder, than I just drag and drop the \*.hyperesources folder into the RapidWeaver resources folder. (I do not include the html folder so I do not drag and drop that into Rapidweaver. Than I change the html code to point to the resources folder than to the hypeanimation resources folder. (this screenshot is of the resources folder):

 ![screenshot_515](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/f/af4675d188271f4d8684bf0f43b2eccefc125c8f.jpeg)

This is what I wrote for the html file (if I could include my rapidweaver project and share it I will if I knew how to):

```
<div id="interactiveanimation_hype_container" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;" aria-live="polite">
	<script type="text/javascript" charset="utf-8" src="resources/interactiveanimation.hyperesources/interactiveanimation_hype_generated_script.js"></script>
</div>

```

\*\*by any chance is there is a stack that streamlines this process?

Please help.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [February 23, 2021, 6:46am UTC](https://forums.realmacsoftware.com/t/tumult-hype-animation-using-macro-resources-link/37011/2 "2021-02-23T06:46:09Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.