{"id":16358,"date":"2026-04-30T17:37:06","date_gmt":"2026-04-30T17:37:06","guid":{"rendered":"https:\/\/www.reactorart.com\/avada\/?page_id=16358"},"modified":"2026-05-11T17:59:40","modified_gmt":"2026-05-11T17:59:40","slug":"annamation","status":"publish","type":"page","link":"https:\/\/www.reactorart.com\/avada\/annamation\/","title":{"rendered":"ANIMATION"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-left:0px;--awb-margin-top:0px;--awb-background-color:var(--awb-color6);--awb-background-image:linear-gradient(180deg, var(--awb-color7) 0%,var(--awb-color7) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-left:52px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><nav class=\"awb-menu awb-menu_row awb-menu_em-hover mobile-mode-collapse-to-button awb-menu_icons-top awb-menu_dc-yes mobile-trigger-fullwidth-off awb-menu_mobile-toggle awb-menu_indent-left mobile-size-full-absolute loading mega-menu-loading awb-menu_desktop awb-menu_dropdown awb-menu_expand-right awb-menu_transition-fade\" style=\"--awb-gap:100px;--awb-align-items:center;--awb-color:var(--awb-color4);--awb-active-color:var(--awb-color4);--awb-main-justify-content:flex-start;--awb-mobile-justify:flex-start;--awb-mobile-caret-left:auto;--awb-mobile-caret-right:0;--awb-fusion-font-family-typography:&quot;Gotham Medium&quot;;--awb-fusion-font-style-typography:normal;--awb-fusion-font-weight-typography:400;--awb-fusion-font-family-submenu-typography:inherit;--awb-fusion-font-style-submenu-typography:normal;--awb-fusion-font-weight-submenu-typography:400;--awb-fusion-font-family-mobile-typography:inherit;--awb-fusion-font-style-mobile-typography:normal;--awb-fusion-font-weight-mobile-typography:400;\" aria-label=\"Design Menu\" data-breakpoint=\"1024\" data-count=\"0\" data-transition-type=\"fade\" data-transition-time=\"300\" data-expand=\"right\"><button type=\"button\" class=\"awb-menu__m-toggle awb-menu__m-toggle_no-text\" aria-expanded=\"false\" aria-controls=\"menu-design-menu\"><span class=\"awb-menu__m-toggle-inner\"><span class=\"collapsed-nav-text\"><span class=\"screen-reader-text\">Toggle Navigation<\/span><\/span><span class=\"awb-menu__m-collapse-icon awb-menu__m-collapse-icon_no-text\"><span class=\"awb-menu__m-collapse-icon-open awb-menu__m-collapse-icon-open_no-text fa-bars fas\"><\/span><span class=\"awb-menu__m-collapse-icon-close awb-menu__m-collapse-icon-close_no-text fa-times fas\"><\/span><\/span><\/span><\/button><ul id=\"menu-design-menu\" class=\"fusion-menu awb-menu__main-ul awb-menu__main-ul_row\"><li  id=\"menu-item-16435\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-16435 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"16435\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/www.reactorart.com\/avada\/design\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">DESIGN<\/span><\/a><\/li><li  id=\"menu-item-16402\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-16402 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"16402\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/www.reactorart.com\/avada\/annamation\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">ANIMATION<\/span><\/a><\/li><li  id=\"menu-item-16434\"  class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-16434 awb-menu__li awb-menu__main-li awb-menu__main-li_regular\"  data-item-id=\"16434\"><span class=\"awb-menu__main-background-default awb-menu__main-background-default_fade\"><\/span><span class=\"awb-menu__main-background-active awb-menu__main-background-active_fade\"><\/span><a  href=\"https:\/\/www.reactorart.com\/avada\/accessibility-services\/\" class=\"awb-menu__main-a awb-menu__main-a_regular\"><span class=\"menu-text\">ACCESSIBILITY<\/span><\/a><\/li><\/ul><\/nav><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><div class=\"heading heading-with-icon icon-left\">\n<h3 class=\"content-box-heading\" style=\"text-align: center\">Boulevard! A Hollywood Story, A Film by Jeffrey Schwarz<\/h3>\n<\/div>\n<div class=\"fusion-clearfix\">\n<p style=\"text-align: center\"><span data-start=\"98\" data-end=\"212\" data-fusion-font=\"true\">Reactor was brought on to animate a series of illustrations by Maurice Vellekoop for this feature documentary.<\/span><span data-fusion-font=\"true\"> The film follows the real-life story of Dickson Hughes and Richard Stapley\u2014two young songwriters and romantic partners\u2014who are pulled into Gloria Swanson\u2019s plan to adapt <\/span><em data-start=\"383\" data-end=\"401\"><span data-fusion-font=\"true\">Sunset Boulevard<\/span><\/em><span data-fusion-font=\"true\"> into a stage musical. While the film\u2019s production was handled by another team, Reactor\u2019s role was to bring Vellekoop\u2019s artwork to life through subtle animation, adding visual movement to key scenes without altering the original illustrations<\/span><\/p>\n<\/div>\n<\/div><div class=\"fusion-video fusion-youtube\" style=\"--awb-max-width:600px;--awb-max-height:360px;--awb-align-self:center;--awb-width:100%;\"><div class=\"video-shortcode\"><lite-youtube videoid=\"fmTZETwkiXs\" class=\"landscape\" params=\"wmode=transparent&autoplay=1&amp;enablejsapi=1\" title=\"YouTube video player 1\" data-button-label=\"Play Video\" width=\"600\" height=\"360\" data-thumbnail-size=\"auto\" data-no-cookie=\"on\"><\/lite-youtube><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-bottom:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20PX;margin-bottom:20PX;width:100%;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:var(--awb-color5);border-color:var(--awb-color5);border-top-width:2px;\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-4 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-2\"><div class=\"heading heading-with-icon icon-left\">\n<h3 class=\"content-box-heading\" style=\"text-align: center\">NIAC<\/h3>\n<\/div>\n<div class=\"fusion-clearfix\">\n<p style=\"text-align: center\">Reactor created a dynamic animated version of the NIAC logo to bring their brand to life in digital spaces. Designed for use in video intros and presentations, the animation adds subtle motion and polish while maintaining the integrity of the original identity. Clean, modern, and professional\u2014this short piece helps NIAC make a strong first impression wherever it appears.<\/p>\n<div style=\"position: fixed;top: -4568px;left: -4039px\">\n<p>\u00c0 travers une offre soign\u00e9e, <a href='https:\/\/unique-casino.fr'>unique casino login<\/a> parvient \u00e0 se positionner comme une r\u00e9f\u00e9rence r\u00e9gionale. Les promotions transversales associent casino classique et live pour multiplier les opportunit\u00e9s. Les niveaux de difficult\u00e9 ajustables ouvrent l&#8217;exp\u00e9rience \u00e0 tous les profils sans exception. Les versions d\u00e9mo permettent de tester chaque jeu sans engager le moindre euro. Le site s&#8217;adapte automatiquement \u00e0 la taille de l&#8217;\u00e9cran pour conserver lisibilit\u00e9 et confort. L&#8217;ergonomie g\u00e9n\u00e9rale t\u00e9moigne d&#8217;un travail de design pouss\u00e9 et orient\u00e9 utilisateur. Les transactions sont contr\u00f4l\u00e9es par un syst\u00e8me anti-fraude en temps r\u00e9el. Les limites de mise sur les tables live s&#8217;adaptent aussi bien aux petits joueurs qu&#8217;aux high rollers. Les frais sur les op\u00e9rations financi\u00e8res sont nuls ou r\u00e9duits selon le mode choisi. Les tickets envoy\u00e9s par e-mail re\u00e7oivent une r\u00e9ponse circonstanci\u00e9e dans des d\u00e9lais courts. Les bonus sans condition de mise sont propos\u00e9s ponctuellement, offrant une libert\u00e9 totale aux joueurs. Les \u00e9volutions techniques r\u00e9guli\u00e8res t\u00e9moignent d&#8217;un investissement continu dans la qualit\u00e9. Les variantes r\u00e9gionales de roulette et de blackjack compl\u00e8tent une s\u00e9lection d\u00e9j\u00e0 tr\u00e8s riche. Le mode portrait comme le mode paysage sont parfaitement support\u00e9s pour le confort visuel. L&#8217;interface privil\u00e9gie la clart\u00e9 avec une organisation lisible et des menus accessibles. Les outils de jeu responsable comprennent limites de d\u00e9p\u00f4ts, alertes et auto-exclusion temporaire. Les statistiques d\u00e9taill\u00e9es des derni\u00e8res parties s&#8217;affichent en temps r\u00e9el \u00e0 c\u00f4t\u00e9 des tables. Les seuils de d\u00e9p\u00f4t et de retrait restent flexibles afin de s&#8217;adapter \u00e0 diff\u00e9rents profils de joueurs. Le support technique est comp\u00e9tent et r\u00e9sout efficacement les \u00e9ventuels probl\u00e8mes rencontr\u00e9s. Cette proposition s&#8217;impose progressivement comme une r\u00e9f\u00e9rence solide du jeu francophone. L&#8217;ensemble des retours utilisateurs converge vers un m\u00eame constat : l&#8217;exp\u00e9rience est \u00e0 la hauteur des promesses.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-5 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-video fusion-selfhosted-video\" style=\"max-width:100%;\"><div class=\"video-wrapper\"><video playsinline=\"true\" width=\"100%\" style=\"object-fit: cover;\" autoplay=\"true\" muted=\"true\" loop=\"true\" preload=\"auto\" controls=\"1\"><source src=\"https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2025\/07\/NIAC_AnimatedLogo_1.mp4\" type=\"video\/mp4\">Sorry, your browser doesn&#039;t support embedded videos.<\/video><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-6 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;margin-top:20PX;margin-bottom:20PX;width:100%;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:var(--awb-color5);border-color:var(--awb-color5);border-top-width:2px;\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-7 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-3\"><div class=\"heading heading-with-icon icon-left\">\n<h3 class=\"content-box-heading\" style=\"text-align: center\">BLACK BELLOWS BREWERY<\/h3>\n<\/div>\n<div class=\"fusion-clearfix\">\n<p style=\"text-align: center\">Reactor created a series of animated GIFs for Black Bellows Brewing to promote their lineup of beers on social media. Each GIF features a crushed version of the can artwork\u2014looped with movement and texture to bring energy to the brand\u2019s bold visual style. Designed to be quick, eye-catching, and shareable, the animations give Black Bellows a fun and gritty way to show off their brews across digital platforms.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-8 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-7 fusion_builder_column_1_3 1_3 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:33.333333333333%;--awb-margin-top-large:0px;--awb-spacing-right-large:5.76%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:5.76%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-video fusion-selfhosted-video\" style=\"max-width:100%;\"><div class=\"video-wrapper\"><video playsinline=\"true\" width=\"100%\" style=\"object-fit: cover;\" autoplay=\"true\" muted=\"true\" loop=\"true\" preload=\"auto\" controls=\"1\"><source src=\"https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2025\/06\/BlackBellows_Gif_4_1Sec.mp4\" type=\"video\/mp4\">Sorry, your browser doesn&#039;t support embedded videos.<\/video><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-9 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-8 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-title-text fusion-title-size-one\" style=\"--awb-margin-top-small:0px;--awb-margin-right-small:0px;--awb-margin-bottom-small:20px;--awb-margin-left-small:0px;\"><div class=\"title-sep-container title-sep-container-left fusion-no-large-visibility fusion-no-medium-visibility fusion-no-small-visibility\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:hsla(var(--awb-color2-h),var(--awb-color2-s),var(--awb-color2-l),calc( var(--awb-color2-a) - 10% ));\"><\/div><\/div><span class=\"awb-title-spacer fusion-no-large-visibility fusion-no-medium-visibility fusion-no-small-visibility\"><\/span><h1 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">INTERACTIVE<\/h1><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container title-sep-container-right\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:hsla(var(--awb-color2-h),var(--awb-color2-s),var(--awb-color2-l),calc( var(--awb-color2-a) - 10% ));\"><\/div><\/div><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"align-self: center;margin-left: auto;margin-right: auto;width:100%;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;--awb-sep-color:var(--awb-color3);border-color:var(--awb-color3);border-top-width:1px;\"><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-10 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-background-image:linear-gradient(180deg, var(--awb-color1) 0%,var(--awb-color1) 100%);--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-9 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">\n\n\n    <div class=\"game-container\">\n        <h1 class=\"game-title\">\n            <span class=\"title-black\">Reactor's Artists in Focus:<\/span>\n            <span class=\"title-yellow\"> Mix + Match!<\/span>\n        <\/h1>\n\n        <div class=\"image-container\">\n            <div class=\"image-controls\">\n                <button class=\"arrow left-arrow\" onclick=\"changePart('top', 'prev')\"><\/button>\n                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271536%27%20height%3D%27498%27%20viewBox%3D%270%200%201536%20498%27%3E%3Crect%20width%3D%271536%27%20height%3D%27498%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/top1.jpg\" alt=\"Top\" class=\"lazyload image-part\" id=\"top\">\n                <button class=\"arrow right-arrow\" onclick=\"changePart('top', 'next')\"><\/button>\n            <\/div>\n            <div class=\"image-controls\">\n                <button class=\"arrow left-arrow\" onclick=\"changePart('middle', 'prev')\"><\/button>\n                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271536%27%20height%3D%27498%27%20viewBox%3D%270%200%201536%20498%27%3E%3Crect%20width%3D%271536%27%20height%3D%27498%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/middle1.jpg\" alt=\"Middle\" class=\"lazyload image-part\" id=\"middle\">\n                <button class=\"arrow right-arrow\" onclick=\"changePart('middle', 'next')\"><\/button>\n            <\/div>\n            <div class=\"image-controls\">\n                <button class=\"arrow left-arrow\" onclick=\"changePart('bottom', 'prev')\"><\/button>\n                <img decoding=\"async\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271536%27%20height%3D%27500%27%20viewBox%3D%270%200%201536%20500%27%3E%3Crect%20width%3D%271536%27%20height%3D%27500%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/bottom1.jpg\" alt=\"Bottom\" class=\"lazyload image-part\" id=\"bottom\">\n                <button class=\"arrow right-arrow\" onclick=\"changePart('bottom', 'next')\"><\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"match-text-container\">\n            <div class=\"artist-name\"><\/div>\n        <\/div>\n\n        <!-- Add Shuffle Button -->\n        <div class=\"shuffle-container\">\n            <button class=\"shuffle-button\" onclick=\"shuffleAndReset()\">REFRESH<\/button>\n        <\/div>\n    <\/div>\n\n    <script src=\"JavaScript\/script.js\"><\/script>\n\n\/\/ Game 1: Original imageSets\nconst imageSets = [\n    { top: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/top1.jpg', middle: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/middle1.jpg', bottom: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/bottom1.jpg', artist: 'Jamie Bennett' },\n    { top: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/top2.jpg', middle: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/middle2.jpg', bottom: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/bottom2.jpg', artist: 'Clayton Hanmer' },\n    { top: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/top3.jpg', middle: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/middle3.jpg', bottom: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/bottom3.jpg', artist: 'Fiona Smyth' },\n    { top: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/top4.jpg', middle: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/middle4.jpg', bottom: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/bottom4.jpg', artist: 'Maurice Vellekoop' },\n    { top: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/top5.jpg', middle: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/middle5.jpg', bottom: 'https:\/\/www.reactorart.com\/avada\/wp-content\/uploads\/2026\/05\/bottom5.jpg', artist: 'Tracey Wood' }\n];\n\n\/\/ Game 2: New imageSets\nconst imageSets2 = [\n    { top: 'images\/top1-2.jpg', middle: 'images\/middle1-2.jpg', bottom: 'images\/bottom1-2.jpg', artist: 'Jeff Jackson' },\n    { top: 'images\/top2-2.jpg', middle: 'images\/middle2-2.jpg', bottom: 'images\/bottom2-2.jpg', artist: 'Barbara Klunder' },\n    { top: 'images\/top3-2.jpg', middle: 'images\/middle3-2.jpg', bottom: 'images\/bottom3-2.jpg', artist: 'Bill Russell' },\n    { top: 'images\/top4-2.jpg', middle: 'images\/middle4-2.jpg', bottom: 'images\/bottom4-2.jpg', artist: 'Alena Skarina' },\n    { top: 'images\/top5-2.jpg', middle: 'images\/middle5-2.jpg', bottom: 'images\/bottom5-2.jpg', artist: 'James Turner' }\n];\n\nfunction setupGame1() {\n    setupGame(imageSets);\n}\n\nfunction setupGame2() {\n    setupGame(imageSets2);\n}\n\n\/\/ Universal Game Setup Function\nfunction setupGame(imageSet) {\n    let tops, middles, bottoms, artistMap;\n    let topIndex = 0, middleIndex = 0, bottomIndex = 0;\n\n    window.shuffleAndReset = function() {\n    tops = imageSet.map(set => set.top);\n    middles = imageSet.map(set => set.middle);\n    bottoms = imageSet.map(set => set.bottom);\n\n    shuffleArray(tops);\n    shuffleArray(middles);\n    shuffleArray(bottoms);\n\n    topIndex = 0;\n    middleIndex = 0;\n    bottomIndex = 0;\n\n    updateImages();\n    removeArtistName();\n\n    artistMap = {};\n    imageSet.forEach(set => {\n        const matchKey = `${set.top}-${set.middle}-${set.bottom}`;\n        artistMap[matchKey] = set.artist;\n    });\n};\n\n    \/\/ Expose the changePart function globally\n    window.changePart = function(part, direction) {\n        console.log(`changePart called with part: ${part}, direction: ${direction}`);\n        if (part === 'top') {\n            topIndex = changeIndex(topIndex, tops.length, direction);\n        } else if (part === 'middle') {\n            middleIndex = changeIndex(middleIndex, middles.length, direction);\n        } else if (part === 'bottom') {\n            bottomIndex = changeIndex(bottomIndex, bottoms.length, direction);\n        }\n        updateImages();\n        checkMatch();\n    }\n\n    function changeIndex(index, length, direction) {\n        console.log(`Before changeIndex: index = ${index}, length = ${length}, direction = ${direction}`);\n        if (direction === 'next') {\n            index = (index + 1) % length;\n        } else if (direction === 'prev') {\n            index = (index - 1 + length) % length;\n        }\n        console.log(`After changeIndex: index = ${index}`);\n        return index;\n    }\n\n    function updateImages() {\n        console.log(\"Updating images\");\n        document.getElementById('top').src = tops[topIndex];\n        document.getElementById('middle').src = middles[middleIndex];\n        document.getElementById('bottom').src = bottoms[bottomIndex];\n        console.log(\"Top image:\", tops[topIndex]);\n        console.log(\"Middle image:\", middles[middleIndex]);\n        console.log(\"Bottom image:\", bottoms[bottomIndex]);\n    }\n\n    function checkMatch() {\n        const topImage = tops[topIndex];\n        const middleImage = middles[middleIndex];\n        const bottomImage = bottoms[bottomIndex];\n\n        const matchKey = `${topImage}-${middleImage}-${bottomImage}`;\n\n        if (artistMap[matchKey]) {\n            displayArtistName(artistMap[matchKey]);\n        } else {\n            removeArtistName();\n        }\n    }\n\n    function displayArtistName(artistName) {\n        const artistNameElement = document.querySelector('.artist-name');\n        artistNameElement.innerHTML = `<span class=\"artwork-by\">Artwork by:<\/span> <span class=\"artist-name-text\">${artistName}<\/span>`;\n        artistNameElement.style.visibility = 'visible';\n    }\n\n    function removeArtistName() {\n        const artistNameElement = document.querySelector('.artist-name');\n        artistNameElement.style.visibility = 'hidden';\n    }\n\n    shuffleAndReset();\n}\n\n\/\/ Detect the game to initialize\nif (document.body.classList.contains('game-1')) {\n    setupGame1();\n} else if (document.body.classList.contains('game-2')) {\n    setupGame2();\n}\n\n\/\/ Utility function for shuffling an array\nfunction shuffleArray(array) {\n    for (let i = array.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [array[i], array[j]] = [array[j], array[i]];\n    }\n}\n<\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-16358","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/pages\/16358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/comments?post=16358"}],"version-history":[{"count":10,"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/pages\/16358\/revisions"}],"predecessor-version":[{"id":16638,"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/pages\/16358\/revisions\/16638"}],"wp:attachment":[{"href":"https:\/\/www.reactorart.com\/avada\/wp-json\/wp\/v2\/media?parent=16358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}