![]() ![]() You may choose to only start your animation when visible by using an On Enter Viewport action. With the plugin installed, click the new ’Hype Animations’ button to the right of the Add Media button:ĭrag and drop your OAM file on the resulting overlay, and your animation will upload, and the plugin will generate a shortcode and automatically add it your post or page:Īdditional Interaction and Export Features Switching over to your WordPress site, start a new Page or Post. To export in this format, select File > Export as HTML5 > Export as OAM file. This is the same format for embedding in applications like Adobe Muse. TUMULT HYPE PRO DOWNLOAD CODEThe plugin requires animations are first exported in the OAM format, which creates a zipped package containing all JavaScript, media, and code required to display your animation. Packing up a Hype animation for the plugin is simple. Once you’re happy with your document and you’ve previewed it using the built-in browser preview and the free mobile preview app Hype Reflect, the next step is to prepare it for the WordPress plugin. TUMULT HYPE PRO DOWNLOAD UPDATENext, you can build out interactive features in your document: setup your document to respond to mouse hovers, update any road closures, and create any type of interactivity to make the map more interesting and useful. In the example below, our maximum blog post width is 463 pixels wide, so our scene size is set to that number: If you’d like to test this process out, download an unrestricted ( 14 day trial here). If you have a responsive theme, you can even have your animation expand and contact with your theme. To start, create a Tumult Hype document with a width as the maximum size of your blog’s width. Instead of just re-uploading a static PDF, you can quickly create an interactive map in Tumult Hype. Let’s say you’re building an interactive map you want to keep updated on a regular WordPress page. This allows you optionally leverage your WordPress site as a simple hosting platform for your Hype animations. TUMULT HYPE PRO DOWNLOAD FULLYou can update previously-uploaded animations from the plugin’s administration page and copy the full embed code to place your animation elsewhere (outside of WordPress, even). The plugin can be installed and activated in a minute from the WordPress Plugin repository by searching for “ Tumult Hype Animations.” Installing the plugin allows you to add exported Tumult Hype animations to posts and pages using simple textual shortcodes. The Hype Animations plugin for WordPress makes integrating your HTML5 animations in your blog a painless drag & drop process. As you explore the program you’ll find powerful features for a range of interactive production: motion curves, custom easing transitions, touch gestures, web font support, audio actions, a powerful physics engine, and responsive layout features. Content you add to your scene can easily be animated using the record button and manipulating the timeline. When you open Tumult Hype for the first time, you’re greeted by a blank canvas with a timeline below. Tumult Hype is a powerful tool for building advanced interactive and animated content that works on any device. In this post, I’d like to introduce a new WordPress plugin for embedding interactive and animated content in WordPress: Tumult Hype Animations for WordPress. Thank you for supporting the partners who make SitePoint possible. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |