{"id":13774,"date":"2025-10-19T04:37:03","date_gmt":"2025-10-19T02:37:03","guid":{"rendered":"https:\/\/pappcseperke.hu\/?page_id=13774"},"modified":"2026-01-30T16:17:59","modified_gmt":"2026-01-30T15:17:59","slug":"animation-portfolio","status":"publish","type":"page","link":"https:\/\/pappcseperke.hu\/hu\/animation-portfolio\/","title":{"rendered":"ANIMATION Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13774\" class=\"elementor elementor-13774\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b55242b animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"b55242b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-081af82 animated-slow e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"081af82\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[],&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3e8bdf elementor-widget elementor-widget-text-editor\" data-id=\"c3e8bdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><em>Below Rive animation samples are interactive, <br \/>hover over and click each animation. <br \/><\/em><\/p>\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-b0f8733 elementor-arrows-position-outside elementor-pagination-type-bullets elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"b0f8733\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;53c4655&quot;},{&quot;slide_title&quot;:&quot;Slide #2&quot;,&quot;_id&quot;:&quot;b02d2ad&quot;},{&quot;slide_title&quot;:&quot;Slide #3&quot;,&quot;_id&quot;:&quot;a74daa6&quot;},{&quot;slide_title&quot;:&quot;Slide #4&quot;,&quot;_id&quot;:&quot;80b235a&quot;},{&quot;slide_title&quot;:&quot;Slide #5&quot;,&quot;_id&quot;:&quot;573599c&quot;}],&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"K\u00f6rhinta\" dir=\"ltr\">\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f011d99 e-flex e-con-boxed e-con e-child\" data-id=\"f011d99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c9614 elementor-widget elementor-widget-html\" data-id=\"f1c9614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"256\" height=\"256\" src=\"https:\/\/rive.app\/s\/hAt_5aJsCkSV9LD_xwAAyg\/embed\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-77b330c e-flex e-con-boxed e-con e-child\" data-id=\"77b330c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb5bb5e elementor-widget elementor-widget-html\" data-id=\"eb5bb5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"256\" height=\"256\" src=\"https:\/\/rive.app\/s\/y-bY5Qf440q4GPxEfj26sA\/embed\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-37a732c e-flex e-con-boxed e-con e-child\" data-id=\"37a732c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed137d9 elementor-widget elementor-widget-html\" data-id=\"ed137d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"256\" height=\"256\" src=\"https:\/\/rive.app\/s\/djH7zY09mkOQsyCY0OazXw\/embed\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"4\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-49f00ba e-flex e-con-boxed e-con e-child\" data-id=\"49f00ba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2604c83 elementor-widget elementor-widget-html\" data-id=\"2604c83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"256\" height=\"256\" src=\"https:\/\/rive.app\/s\/1HW88m_DvkyjexlebqrszA\/embed\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"5\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c8e3612 e-flex e-con-boxed e-con e-child\" data-id=\"c8e3612\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86d98d0 elementor-widget elementor-widget-html\" data-id=\"86d98d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"256\" height=\"256\" src=\"https:\/\/rive.app\/s\/MoJe5gSDCkGh-Uy4q3hIDg\/embed\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"El\u0151z\u0151\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t<\/div>\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"K\u00f6vetkez\u0151\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef42c14 e-flex e-con-boxed e-con e-parent\" data-id=\"ef42c14\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-824d8de elementor-widget elementor-widget-html\" data-id=\"824d8de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"500\" height=\"500\" src=\"https:\/\/rive.app\/s\/BLedDYIlQEu7VpyCIJ8zYQ\/embed?runtime=rive-renderer\" allowfullscreen allow=\"autoplay\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2585d3 e-flex e-con-boxed e-con e-parent\" data-id=\"c2585d3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-494bcd3 elementor-widget elementor-widget-text-editor\" data-id=\"494bcd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Rediscovering the joy of an old fascination with vector animations. Rive is designed to animate interactive vector graphics. Their plan to integrate it directly into Unreal engine encouraged me to learn its unusual approach to interactivity and animation blending of vector animations with State Machine.\u00a0<\/p><ul><li>You can read about my learning process and the app <a href=\"https:\/\/pappcseperke.hu\/rive-and-animations\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/li><li><a href=\"https:\/\/rive.app\/@cseperke.papp\" target=\"_blank\" rel=\"noopener\">My Rive community page<\/a><\/li><\/ul><p><em>\u00a0<\/em><\/p>\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-2d6bdb5 elementor-widget elementor-widget-html\" data-id=\"2d6bdb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"1000\" height=\"350\" src=\"https:\/\/rive.app\/s\/rLlyXez1i0Sa5c4tkPNL-g\/embed\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c93f2ee e-con-full e-flex e-con e-child\" data-id=\"c93f2ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0de935 elementor-widget elementor-widget-html\" data-id=\"f0de935\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"1200\" height=\"300\" src=\"https:\/\/rive.app\/s\/RC9OVcp6z02CHQXtOySWHg\/embed?runtime=rive-renderer\" allowfullscreen allow=\"autoplay\"><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5f113a e-flex e-con-boxed e-con e-parent\" data-id=\"a5f113a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87dbb09 elementor-widget elementor-widget-html\" data-id=\"87dbb09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: none\" width=\"450\" height=\"800\" src=\"https:\/\/rive.app\/s\/MgM92xMarkuauveYLgYZCQ\/embed?runtime=rive-renderer\" allowfullscreen allow=\"autoplay\"><\/iframe>\t\t\t\t<\/div>\n\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>Below Rive animation samples are interactive, hover over and click each animation. Rediscovering the joy of an old fascination with vector animations. Rive is designed to animate interactive vector graphics. Their plan to integrate it directly into Unreal engine encouraged me to learn its unusual approach to interactivity and animation blending of vector animations with [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13774","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages\/13774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/comments?post=13774"}],"version-history":[{"count":25,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages\/13774\/revisions"}],"predecessor-version":[{"id":14478,"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/pages\/13774\/revisions\/14478"}],"wp:attachment":[{"href":"https:\/\/pappcseperke.hu\/hu\/wp-json\/wp\/v2\/media?parent=13774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}