{"id":6120,"date":"2022-09-24T17:19:24","date_gmt":"2022-09-24T15:19:24","guid":{"rendered":"https:\/\/store.algosyntax.com\/?post_type=download&#038;p=6120"},"modified":"2026-05-07T04:12:27","modified_gmt":"2026-05-07T02:12:27","slug":"umg-cinematics","status":"publish","type":"download","link":"https:\/\/store.algosyntax.com\/marketplace\/unreal-engine\/umg-cinematics\/","title":{"rendered":"UMG Cinematics"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6120\" class=\"elementor elementor-6120\" data-elementor-post-type=\"download\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb9babd e-flex e-con-boxed e-con e-parent\" data-id=\"fb9babd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-daad617 elementor-widget elementor-widget-heading\" data-id=\"daad617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">UMG Cinematics<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0d51eb elementor-widget elementor-widget-text-editor\" data-id=\"e0d51eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>UMG Cinematics is a plugin for Unreal Engine 5. With it, you can add UMG widget tracks to sequencer or level sequences.<\/p><ul><li>Create custom fade tracks for seamless transitions,<\/li><li>Add &amp; render text with Sequencer or level sequences level and,<\/li><li>Animate 2D shapes and layers directly in the sequencer editor.<\/li><\/ul><p>These features can be integrated within sequencer shots or used as engaging overlays.<\/p><p>Moreover, UMG Cinematics goes a step further by introducing widget spawnables into the sequencer. This is achieved by establishing a custom UMG Widget Track, making this plugin an effective solution for users aiming to optimize their Unreal Engine 5 cinematic projects.\u201d<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69a90df elementor-widget elementor-widget-image\" data-id=\"69a90df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/www.unrealengine.com\/marketplace\/en-US\/product\/umg-cinematics\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"284\" height=\"284\" src=\"https:\/\/store.algosyntax.com\/wp-content\/uploads\/marketplace\/unreal-engine\/midiengine\/umg-cinematics-thumbnail.jpg\" class=\"attachment-full size-full wp-image-9135\" alt=\"\" srcset=\"https:\/\/store.algosyntax.com\/wp-content\/uploads\/marketplace\/unreal-engine\/midiengine\/umg-cinematics-thumbnail.jpg 284w, https:\/\/store.algosyntax.com\/wp-content\/uploads\/marketplace\/unreal-engine\/midiengine\/elementor\/thumbs\/umg-cinematics-thumbnail-qbwhdrbbpu3b4stkj3d428zdvu6mtf4n6kbqr6cf7k.jpg 256w\" sizes=\"(max-width: 284px) 100vw, 284px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d273c5f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"d273c5f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;,&quot;animation_delay&quot;:100}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd79bd1 elementor-widget__width-initial elementor-widget elementor-widget-asx-edd-buy-dropdown\" data-id=\"fd79bd1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"asx-edd-buy-dropdown.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <style>\n            #asx-edd-buy-fd79bd1.asx-edd-buy {\n                display: block;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-form {\n                display: inline-flex;\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-form .asx-edd-buy-button {\n                align-self: flex-start;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-button {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                vertical-align: middle;\n                line-height: 1.2;\n                border-width: 1px;\n                border-style: solid;\n                text-decoration: none;\n                box-sizing: border-box;\n                cursor: pointer;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-button:hover,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-button:focus {\n                text-decoration: none;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-icon,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-owned-icon,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-pre-price-text,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-price,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-discount-text,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-original-price,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-post-price-text,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-owned-text {\n                display: inline-flex;\n                align-items: center;\n                line-height: inherit;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-icon,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-owned-icon {\n                justify-content: center;\n                flex: 0 0 auto;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-icon i,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-icon svg,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-owned-icon i,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-owned-icon svg {\n                display: block;\n                line-height: 1;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-original-price {\n                text-decoration: line-through;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-label {\n                display: block;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-select {\n                max-width: 100%;\n                border-width: 1px;\n                border-style: solid;\n                box-sizing: border-box;\n            }\n        <\/style>\n        <div id=\"asx-edd-buy-fd79bd1\" class=\"asx-edd-buy\">        <style>\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-dropdown {\n                position: relative;\n                display: inline-flex;\n                flex-direction: column;\n                max-width: 100%;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-trigger {\n                display: inline-flex;\n                align-items: center;\n                justify-content: space-between;\n                gap: 12px;\n                max-width: 100%;\n                border-width: 1px;\n                border-style: solid;\n                box-sizing: border-box;\n                cursor: pointer;\n                text-align: left;\n                line-height: 1.2;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-trigger-content,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-content,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-price-line {\n                display: inline-flex;\n                flex-wrap: wrap;\n                line-height: inherit;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-trigger-content,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-content {\n                align-items: var(--asx-edd-buy-option-align-items, flex-start);\n                justify-content: var(--asx-edd-buy-option-justify-content, flex-start);\n                text-align: var(--asx-edd-buy-option-text-align, left);\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-price-line {\n                align-items: center;\n                justify-content: var(--asx-edd-buy-price-line-justify-content, flex-start);\n                column-gap: var(--asx-edd-buy-price-line-column-gap, 8px);\n                row-gap: 0;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-trigger-content {\n                min-width: 0;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-trigger-arrow {\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n                flex: 0 0 auto;\n                line-height: 1;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-panel {\n                position: absolute;\n                top: calc(100% + var(--asx-edd-buy-panel-top-gap, 6px));\n                left: 0;\n                z-index: 1000;\n                display: flex;\n                flex-direction: column;\n                min-width: 100%;\n                max-height: var(--asx-edd-buy-panel-max-height, 280px);\n                overflow-y: auto;\n                border-width: 1px;\n                border-style: solid;\n                box-sizing: border-box;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-panel[hidden] {\n                display: none !important;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option {\n                display: flex;\n                width: 100%;\n                border: 0;\n                cursor: pointer;\n                text-align: left;\n                box-sizing: border-box;\n                line-height: 1.2;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-content {\n                width: 100%;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-name,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-price,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-discount,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-original-price,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-owned-badge,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-discount-text,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-original-price {\n                display: inline-flex;\n                align-items: center;\n                line-height: inherit;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-original-price,\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-original-price {\n                text-decoration: line-through;\n            }\n\n            #asx-edd-buy-fd79bd1 .asx-edd-buy-custom-option-owned-badge {\n                font-size: 0.85em;\n            }\n        <\/style>\n        <form class=\"asx-edd-buy-form\" method=\"get\" action=\"https:\/\/store.algosyntax.com\/checkout\/\"><input type=\"hidden\" name=\"edd_action\" value=\"add_to_cart\"><input type=\"hidden\" name=\"download_id\" value=\"6120\"><input id=\"asx-edd-buy-selected-price-fd79bd1\" class=\"asx-edd-buy-selected-price-id\" type=\"hidden\" name=\"edd_options[price_id]\" value=\"2\"><label class=\"asx-edd-buy-label\" for=\"asx-edd-buy-custom-trigger-fd79bd1\">License<\/label><div id=\"asx-edd-buy-custom-dropdown-fd79bd1\" class=\"asx-edd-buy-custom-dropdown\" data-active-price-id=\"2\"><button id=\"asx-edd-buy-custom-trigger-fd79bd1\" class=\"asx-edd-buy-custom-trigger\" type=\"button\" aria-haspopup=\"listbox\" aria-expanded=\"false\" aria-controls=\"asx-edd-buy-custom-panel-fd79bd1\"><span class=\"asx-edd-buy-custom-trigger-content\"><span class=\"asx-edd-buy-custom-option-content\"><span class=\"asx-edd-buy-custom-option-name\">Individual<\/span><span class=\"asx-edd-buy-custom-option-price-line\"><span class=\"asx-edd-buy-custom-option-discount\">-50%<\/span><span class=\"asx-edd-buy-custom-option-price\">&#036;35.00<\/span><span class=\"asx-edd-buy-custom-option-original-price\">&#036;70.00<\/span><\/span><\/span><\/span><span class=\"asx-edd-buy-custom-trigger-arrow\" aria-hidden=\"true\">\u25be<\/span><\/button><div id=\"asx-edd-buy-custom-panel-fd79bd1\" class=\"asx-edd-buy-custom-panel\" role=\"listbox\" aria-labelledby=\"asx-edd-buy-custom-trigger-fd79bd1\" hidden><button id=\"asx-edd-buy-custom-dropdown-fd79bd1-option-0\" class=\"asx-edd-buy-custom-option is-selected\" type=\"button\" role=\"option\" aria-selected=\"true\" data-price-id=\"2\" data-is-owned=\"no\" data-price-text=\"&#036;35.00\" data-discount-text=\"-50%\" data-original-price-text=\"&#036;70.00\"><span class=\"asx-edd-buy-custom-option-content\"><span class=\"asx-edd-buy-custom-option-name\">Individual<\/span><span class=\"asx-edd-buy-custom-option-price-line\"><span class=\"asx-edd-buy-custom-option-discount\">-50%<\/span><span class=\"asx-edd-buy-custom-option-price\">&#036;35.00<\/span><span class=\"asx-edd-buy-custom-option-original-price\">&#036;70.00<\/span><\/span><\/span><\/button><button id=\"asx-edd-buy-custom-dropdown-fd79bd1-option-1\" class=\"asx-edd-buy-custom-option\" type=\"button\" role=\"option\" aria-selected=\"false\" data-price-id=\"3\" data-is-owned=\"no\" data-price-text=\"&#036;50.00\" data-discount-text=\"-50%\" data-original-price-text=\"&#036;100.00\"><span class=\"asx-edd-buy-custom-option-content\"><span class=\"asx-edd-buy-custom-option-name\">Studio<\/span><span class=\"asx-edd-buy-custom-option-price-line\"><span class=\"asx-edd-buy-custom-option-discount\">-50%<\/span><span class=\"asx-edd-buy-custom-option-price\">&#036;50.00<\/span><span class=\"asx-edd-buy-custom-option-original-price\">&#036;100.00<\/span><\/span><\/span><\/button><button id=\"asx-edd-buy-custom-dropdown-fd79bd1-option-2\" class=\"asx-edd-buy-custom-option\" type=\"button\" role=\"option\" aria-selected=\"false\" data-price-id=\"4\" data-is-owned=\"no\" data-price-text=\"&#036;70.00\" data-discount-text=\"-50%\" data-original-price-text=\"&#036;140.00\"><span class=\"asx-edd-buy-custom-option-content\"><span class=\"asx-edd-buy-custom-option-name\">Enterprise<\/span><span class=\"asx-edd-buy-custom-option-price-line\"><span class=\"asx-edd-buy-custom-option-discount\">-50%<\/span><span class=\"asx-edd-buy-custom-option-price\">&#036;70.00<\/span><span class=\"asx-edd-buy-custom-option-original-price\">&#036;140.00<\/span><\/span><\/span><\/button><\/div><\/div><button class=\"asx-edd-buy-button\" type=\"submit\" data-owned-url=\"https:\/\/store.algosyntax.com\/account\/\" data-buy-button-template=\"&lt;span class=&quot;asx-edd-buy-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fab-paypal&quot; viewBox=&quot;0 0 384 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4.7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5 103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9.7-5.4-1.1 6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&lt;\/span&gt;&lt;span class=&quot;asx-edd-buy-pre-price-text&quot;&gt;Paypal&lt;\/span&gt;\" data-owned-button-template=\"&lt;span class=&quot;asx-edd-buy-icon asx-edd-buy-owned-icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;svg aria-hidden=&quot;true&quot; class=&quot;e-font-icon-svg e-fas-download&quot; viewBox=&quot;0 0 512 512&quot; xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot;&gt;&lt;path d=&quot;M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z&quot;&gt;&lt;\/path&gt;&lt;\/svg&gt;&lt;\/span&gt;&lt;span class=&quot;asx-edd-buy-owned-text&quot;&gt;View in Library&lt;\/span&gt;\"><span class=\"asx-edd-buy-icon\" aria-hidden=\"true\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-paypal\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4.7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5 103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9.7-5.4-1.1 6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z\"><\/path><\/svg><\/span><span class=\"asx-edd-buy-pre-price-text\">Paypal<\/span><\/button><\/form>        <script>\n            (function() {\n                function updateOptionalTextElement(wrapper, selector, text) {\n                    var element = wrapper.querySelector(selector);\n\n                    if (!element) {\n                        return;\n                    }\n\n                    element.textContent = text || '';\n\n                    if (text) {\n                        element.style.display = 'inline-flex';\n                    } else {\n                        element.style.display = 'none';\n                    }\n                }\n\n                function setPanelOpen(trigger, panel, isOpen) {\n                    if (isOpen) {\n                        panel.hidden = false;\n                        trigger.setAttribute('aria-expanded', 'true');\n                        return;\n                    }\n\n                    panel.hidden = true;\n                    trigger.setAttribute('aria-expanded', 'false');\n                }\n\n                function focusOption(options, index) {\n                    if (!options.length) {\n                        return;\n                    }\n\n                    if (index < 0) {\n                        index = options.length - 1;\n                    }\n\n                    if (index >= options.length) {\n                        index = 0;\n                    }\n\n                    options[index].focus();\n                }\n\n                function getOptionIndex(options, option) {\n                    for (var i = 0; i < options.length; i++) {\n                        if (options[i] === option) {\n                            return i;\n                        }\n                    }\n\n                    return -1;\n                }\n\n                function bindCustomEddBuyDropdown() {\n                    var wrapper = document.getElementById('asx-edd-buy-fd79bd1');\n                    var dropdown = document.getElementById('asx-edd-buy-custom-dropdown-fd79bd1');\n                    var trigger = document.getElementById('asx-edd-buy-custom-trigger-fd79bd1');\n                    var panel = document.getElementById('asx-edd-buy-custom-panel-fd79bd1');\n                    var hiddenInput = document.getElementById('asx-edd-buy-selected-price-fd79bd1');\n\n                    if (!wrapper || !dropdown || !trigger || !panel || !hiddenInput) {\n                        return;\n                    }\n\n                    var form = wrapper.querySelector('.asx-edd-buy-form');\n                    var buyButton = wrapper.querySelector('.asx-edd-buy-button');\n                    var triggerContent = trigger.querySelector('.asx-edd-buy-custom-trigger-content');\n                    var options = Array.prototype.slice.call(panel.querySelectorAll('.asx-edd-buy-custom-option'));\n\n                    if (!form || !buyButton || !triggerContent || !options.length) {\n                        return;\n                    }\n\n                    function closeDropdown() {\n                        setPanelOpen(trigger, panel, false);\n                    }\n\n                    function openDropdown() {\n                        setPanelOpen(trigger, panel, true);\n                    }\n\n                    function getSelectedOption() {\n                        return panel.querySelector('.asx-edd-buy-custom-option.is-selected') || options[0];\n                    }\n\n                    function optionIsOwned(option) {\n                        return !!option && 'yes' === option.getAttribute('data-is-owned');\n                    }\n\n                    function redirectToOwnedUrl() {\n                        var ownedUrl = buyButton.getAttribute('data-owned-url') || '';\n\n                        if (ownedUrl) {\n                            window.location.href = ownedUrl;\n                        }\n                    }\n\n                    function setButtonOwnedMode(isOwned) {\n                        if (isOwned) {\n                            buyButton.setAttribute('type', 'button');\n                            buyButton.classList.add('asx-edd-buy-owned-button');\n                            buyButton.innerHTML = buyButton.getAttribute('data-owned-button-template') || '';\n                            return;\n                        }\n\n                        buyButton.setAttribute('type', 'submit');\n                        buyButton.classList.remove('asx-edd-buy-owned-button');\n                        buyButton.innerHTML = buyButton.getAttribute('data-buy-button-template') || buyButton.innerHTML;\n                    }\n\n                    function updateBuyButtonPriceParts(option) {\n                        var priceElement = wrapper.querySelector('.asx-edd-buy-price');\n\n                        if (priceElement) {\n                            priceElement.textContent = option.getAttribute('data-price-text') || '';\n                        }\n\n                        updateOptionalTextElement(wrapper, '.asx-edd-buy-discount-text', option.getAttribute('data-discount-text') || '');\n                        updateOptionalTextElement(wrapper, '.asx-edd-buy-original-price', option.getAttribute('data-original-price-text') || '');\n                    }\n\n                    function selectOption(option, shouldFocusTrigger) {\n                        if (!option) {\n                            return;\n                        }\n\n                        var optionContent = option.querySelector('.asx-edd-buy-custom-option-content');\n\n                        if (!optionContent) {\n                            return;\n                        }\n\n                        hiddenInput.value = option.getAttribute('data-price-id') || '';\n                        dropdown.setAttribute('data-active-price-id', hiddenInput.value);\n                        triggerContent.innerHTML = optionContent.innerHTML;\n\n                        options.forEach(function(otherOption) {\n                            var isSelected = otherOption === option;\n\n                            if (isSelected) {\n                                otherOption.classList.add('is-selected');\n                                otherOption.setAttribute('aria-selected', 'true');\n                            } else {\n                                otherOption.classList.remove('is-selected');\n                                otherOption.setAttribute('aria-selected', 'false');\n                            }\n                        });\n\n                        if (optionIsOwned(option)) {\n                            setButtonOwnedMode(true);\n                        } else {\n                            setButtonOwnedMode(false);\n                            updateBuyButtonPriceParts(option);\n                        }\n\n                        closeDropdown();\n\n                        if (shouldFocusTrigger) {\n                            trigger.focus();\n                        }\n                    }\n\n                    trigger.addEventListener('click', function() {\n                        setPanelOpen(trigger, panel, panel.hidden);\n                    });\n\n                    trigger.addEventListener('keydown', function(event) {\n                        if ('ArrowDown' === event.key || 'ArrowUp' === event.key) {\n                            event.preventDefault();\n                            openDropdown();\n\n                            var selectedOption = getSelectedOption();\n                            var selectedIndex = getOptionIndex(options, selectedOption);\n\n                            if ('ArrowDown' === event.key) {\n                                focusOption(options, selectedIndex + 1);\n                            } else {\n                                focusOption(options, selectedIndex - 1);\n                            }\n                        }\n\n                        if ('Enter' === event.key || ' ' === event.key) {\n                            event.preventDefault();\n                            setPanelOpen(trigger, panel, panel.hidden);\n                        }\n\n                        if ('Escape' === event.key) {\n                            closeDropdown();\n                        }\n                    });\n\n                    options.forEach(function(option) {\n                        option.addEventListener('click', function() {\n                            selectOption(option, true);\n                        });\n\n                        option.addEventListener('keydown', function(event) {\n                            var currentIndex = getOptionIndex(options, option);\n\n                            if ('ArrowDown' === event.key) {\n                                event.preventDefault();\n                                focusOption(options, currentIndex + 1);\n                            }\n\n                            if ('ArrowUp' === event.key) {\n                                event.preventDefault();\n                                focusOption(options, currentIndex - 1);\n                            }\n\n                            if ('Enter' === event.key || ' ' === event.key) {\n                                event.preventDefault();\n                                selectOption(option, true);\n                            }\n\n                            if ('Escape' === event.key) {\n                                event.preventDefault();\n                                closeDropdown();\n                                trigger.focus();\n                            }\n                        });\n                    });\n\n                    buyButton.addEventListener('click', function(event) {\n                        if (!optionIsOwned(getSelectedOption())) {\n                            return;\n                        }\n\n                        event.preventDefault();\n                        redirectToOwnedUrl();\n                    });\n\n                    form.addEventListener('submit', function(event) {\n                        if (!optionIsOwned(getSelectedOption())) {\n                            return;\n                        }\n\n                        event.preventDefault();\n                        redirectToOwnedUrl();\n                    });\n\n                    document.addEventListener('click', function(event) {\n                        if (dropdown.contains(event.target)) {\n                            return;\n                        }\n\n                        closeDropdown();\n                    });\n\n                    selectOption(getSelectedOption(), false);\n                }\n\n                if (document.readyState === 'loading') {\n                    document.addEventListener('DOMContentLoaded', bindCustomEddBuyDropdown);\n                } else {\n                    bindCustomEddBuyDropdown();\n                }\n            })();\n        <\/script>\n        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4eb4c8 elementor-widget elementor-widget-button\" data-id=\"b4eb4c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/store.algosyntax.com\/digital-assets-licenses\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">About License Types<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc0e7fc elementor-widget elementor-widget-button\" data-id=\"bc0e7fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-xs\" href=\"https:\/\/www.unrealengine.com\/marketplace\/en-US\/product\/umg-cinematics\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">View On FAB<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d807212 elementor-widget elementor-widget-heading\" data-id=\"d807212\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to add UMG widgets to Sequencer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbe4a09 elementor-widget elementor-widget-text-editor\" data-id=\"cbe4a09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>To add UMG widgets to Sequencer in unreal engine follow these steps:<\/p><ol><li>Create the User Widget Blueprint.<\/li><li>In a Level Sequence, Add a &#8220;UMG Widgets&#8221; track and select the BP created in step 1.<\/li><li>Your BP will now appear in your level sequence and you can change the section length.<\/li><li>You can animate the opacity and transform using keyframes&#8230;<\/li><\/ol><p>NB: You need to be in &#8220;Simulate&#8221; mode to see your Widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b7c201 elementor-widget elementor-widget-heading\" data-id=\"6b7c201\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to use UMG to add Subtitles and Text Layers In Sequencer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-643bcea elementor-widget elementor-widget-text-editor\" data-id=\"643bcea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>You can use this plugin with the <strong>SceneEditableText<\/strong> widget to add subtitles or modifiable strings to your Level sequences. This ensures you can work with a single widget, but have it take different text input.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be0c821 elementor-widget elementor-widget-heading\" data-id=\"be0c821\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Rendering UI With Movie Render Queue<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc7bd5f elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"fc7bd5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/orvXix4nmmg&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ce9465 elementor-widget elementor-widget-text-editor\" data-id=\"6ce9465\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>When rendering with the new Movie Rendering Queue, you&#8217;ll notice your UMG Widgets are missing on the final render unless you&#8217;ve added the <strong>&#8220;UI Renderer&#8221;\u00a0<\/strong>setting to your preset.\u00a0\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ad28f elementor-widget elementor-widget-heading\" data-id=\"a4ad28f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FAQ<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32cca39 elementor-widget elementor-widget-heading\" data-id=\"32cca39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to disable Input on UMG Widgets On Level sequences?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7dcddda elementor-widget elementor-widget-text-editor\" data-id=\"7dcddda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Watch this videos to see how to disable on a UMG widget but still keep it visible in unreal engine 5.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f53965e elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"f53965e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/lVdU5sRKbwM?si=wJjfcz7XN8T33YaB&quot;,&quot;lazy_load&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UMG Cinematics is a plugin for Unreal Engine 5. With it, you can add UMG widget tracks to sequencer or level sequences. Create custom fade tracks for seamless transitions, Add &amp; render text with Sequencer or level sequences level and, Animate 2D shapes and layers directly in the sequencer editor. These features can be integrated [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9140,"template":"elementor_header_footer","edd-categories":[11,4],"edd-tags":[],"class_list":["post-6120","download","type-download","status-publish","has-post-thumbnail","hentry","download_category-code-plugins","download_category-unreal-engine","entry","has-media","edd-download","edd-download-cat-code-plugins","edd-download-cat-unreal-engine"],"acf":[],"_links":{"self":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads\/6120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads"}],"about":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/types\/download"}],"author":[{"embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads\/6120\/revisions"}],"predecessor-version":[{"id":13732,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-downloads\/6120\/revisions\/13732"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media\/9140"}],"wp:attachment":[{"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/media?parent=6120"}],"wp:term":[{"taxonomy":"download_category","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-categories?post=6120"},{"taxonomy":"download_tag","embeddable":true,"href":"https:\/\/store.algosyntax.com\/asx-rest\/wp\/v2\/edd-tags?post=6120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}