Prinzessin Peach strahlt in einem atemberaubenden Abenteuer! (2024)

');$('.tox-section.'+sections[i]).removeClass(sections[i]);$('.pps-section.'+sections[i]+' .tox-section').addClass('pps-content');$('.pps-section.'+sections[i]+' > div').removeClass('tox-section');});/** GENERAL **/// MOTHERSHIP$('.tox-gamepage').addClass('bg-stripes-red');// H2$('#pps-overview h2').each(function() {$(this).parent().addClass('pps-headline');});// HEADLINE BOX$('#pps-overview .headline-box').each(function() {$(this).wrap('

');});$('#pps-overview .hl-box-lightblue').each(function() {$(this).parent().addClass('hl-box-border-lightblue');});$('#pps-overview .hl-box-border').each(function() {$(this).wrap('

');});$('#pps-overview .headline-box.hl-w-contentbox').each(function() {$(this).parent().parent().addClass('hl-w-contentbox');$(this).removeClass('hl-w-contentbox');});// CONTENT BOX$('#pps-overview .contentbox').each(function() {$(this).wrap('

');});$('#pps-overview .contentbox-beige').each(function() {$(this).parent().wrap('

');});// VIDEOS$('#pps-overview .yt-embedded').each(function() {$(this).wrap('

');});$('#pps-overview .yt-fix').addClass('video-border');$('#pps-overview .carousel-spotlight-vid .yt-fix').each(function() {$('#pps-overview .carousel-spotlight-vid .yt-fix').removeClass('video-border');$('#pps-overview .carousel-spotlight-vid').addClass('video-border');});// SIDE IMAGES$('#pps-overview .side-img').each(function() {$(this).unwrap().unwrap();});// ANIMATION/** SECTIONS OVERVIEW **/// TRY IT$('.overview-tryit').addClass('bg-stripes-lightblue');$('.overview-tryit .sideimg img').unwrap().unwrap();$('.overview-tryit .sideimg').prependTo('.overview-tryit');$('.overview-tryit').prepend('

');$('.overview-tryit .tryit-sparkle').addClass('ani-sparkle');// On Scroll Ani$('.overview-tryit .sideimg-ribbon').addClass('onScrollAni ani-showRibbon delay-2');// NOT SAVED$('#pps-overview .overview-notsaved .section-wrapper.sideimg').prependTo('.overview-notsaved');$('.overview-notsaved').before('

');$('.overview-notsaved').addClass('bg-symbols-gold');$('.overview-notsaved').prepend('

');$('.overview-notsaved .sparkle-left img').unwrap().unwrap();$('.overview-notsaved .sparkle-right img').unwrap().unwrap();$(".overview-notsaved .pps-btn a").on('click', function(){$("html, body").animate({scrollTop: $($.attr(this, 'href')).offset().top}, 500);});$('.overview-notsaved .notsaved-sparkle').addClass('ani-sparkle');// SHOW$('.overview-show').before('

');$('.overview-show').addClass('bg-show');$('.overview-show .sideimg').prependTo('.overview-show');$('.overview-show .sideimg img').unwrap().unwrap();$('.overview-show .particle-container').prependTo('.overview-show');// On Scroll Ani$('.overview-show .sideimg-cloud-01').addClass('onScrollAni ani-fallIn delay-1');$('.overview-show .sideimg-cloud-02').addClass('onScrollAni ani-fallIn delay-2');// STELLA$('.overview-stella').before('

');$('.overview-stella').addClass('bg-symbols-lightblue');$('.overview-stella .sideimg img').unwrap().unwrap();$('.overview-stella .stella-sparkle').addClass('ani-sparkle');$('.overview-stella .stella-stella').unwrap().unwrap();$('.overview-stella .stella-stella').addClass('ani-float');$('.overview-stella .stella-mob').addClass('ani-float delay-6');// On Scroll Ani$('.overview-stella .sideimg-beam-01').addClass('onScrollAni ani-beamInLeft delay-2');$('.overview-stella .sideimg-beam-02').addClass('onScrollAni ani-beamInRight delay-2');$('.overview-stella .stella-stella').wrap('

');$('.overview-stella .stella-mob').wrap('

');// SPOTLIGHT$('.overview-spotlight .sideimg').prependTo('.overview-spotlight');$('.overview-spotlight').before('

');$('.overview-spotlight').addClass('bg-symbols-blue');$('.overview-spotlight .contentbox-border').wrap('

');$('.overview-spotlight .clouds img').unwrap().unwrap();$('.overview-spotlight .btn-vid').wrap('

');// On Scroll Ani$('.overview-spotlight .sideimg-cloud-01').addClass('onScrollAni ani-fallIn delay-6');$('.overview-spotlight .sideimg-cloud-02').addClass('onScrollAni ani-fallIn delay-7');// SPARKLE$('.overview-sparkle').before('

');$('.overview-sparkle > div').addClass('bg-symbols-beige');$('.overview-sparkle .full-img').unwrap().unwrap(); $('.overview-sparkle .full-img').prependTo('.overview-sparkle');$('.overview-sparkle .sparkle-hl-ribbons').unwrap().unwrap();$('.overview-sparkle .img-slide').addClass('scr-border');$('.overview-sparkle .sparkle-left img').unwrap().unwrap();$('.overview-sparkle .sparkle-right img').unwrap().unwrap();$('.overview-sparkle .sparkle-left, .overview-sparkle .sparkle-right').wrapAll('

');$('.overview-sparkle .gallery-ribbon-01').unwrap().unwrap();$('.overview-sparkle .gallery-sparkle-left img').unwrap().unwrap();$('.overview-sparkle .gallery-ribbon-02').unwrap().unwrap();$('.overview-sparkle .gallery-sparkle-right img').unwrap().unwrap();$('.overview-sparkle').after('

');$('.overview-sparkle .sparkle-sparkle').addClass('ani-sparkle');$('.overview-sparkle .gallery-strip-01').addClass('ani-galleryStrip');$('.overview-sparkle .gallery-strip-02').addClass('ani-galleryStrip');$('.overview-sparkle .gallery-sparkle').addClass('ani-sparkle');// On Scroll Ani$('.overview-sparkle .sparkle-hl-ribbons-01').addClass('onScrollAni ani-showRibbon');$('.overview-sparkle .sparkle-hl-ribbons-02').addClass('onScrollAni ani-showRibbonReverse');$('.overview-sparkle .gallery-ribbon-01').addClass('onScrollAni ani-showRibbon');$('.overview-sparkle .gallery-ribbon-02').addClass('onScrollAni ani-showRibbon');$('.overview-sparkle .peach-container img').addClass('onScrollAni ani-slideFadeInBottom');/** CAROUSEL **/var sliderSpeed = 350;var sliderSpeedSpotlight = 500;var sliderEase = 'cubic-bezier(.6,1.22,.72,1.01)';var sliderEaseSpotlight = 'ease-out';$('.carousel-show-img').slick({asNavFor: '.carousel-show-txt',slidesToShow: 1,slidesToScroll: 1,infinite: false,arrows: true,dots: true,speed: sliderSpeed,cssEase: sliderEase,draggable: false,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {draggable: true }}]});$('.carousel-show-txt').slick({asNavFor: '.carousel-show-img',slidesToShow: 1,slidesToScroll: 1,infinite: false,speed: sliderSpeed,cssEase: sliderEase,draggable: false,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {draggable: true }}]});spotlightInfinite = true;$('.carousel-spotlight-hl-mob').slick({asNavFor: '.carousel-spotlight-hl, .carousel-spotlight-img, .carousel-spotlight-vid, .carousel-spotlight-btn, .carousel-spotlight-txt',slidesToShow: 1,slidesToScroll: 1,infinite: spotlightInfinite,arrows: false,speed: sliderSpeedSpotlight,cssEase: sliderEaseSpotlight,draggable: false,fade: true,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {draggable: true }}]});$('.carousel-spotlight-hl').slick({asNavFor: '.carousel-spotlight-hl-mob, .carousel-spotlight-img, .carousel-spotlight-vid, .carousel-spotlight-btn, .carousel-spotlight-txt',slidesToShow: 1,slidesToScroll: 1,infinite: spotlightInfinite,arrows: false,speed: sliderSpeedSpotlight,cssEase: sliderEaseSpotlight,draggable: false,fade: true,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {draggable: true }}]});$('.carousel-spotlight-img').slick({asNavFor: '.carousel-spotlight-hl-mob, .carousel-spotlight-hl, .carousel-spotlight-vid, .carousel-spotlight-btn, .carousel-spotlight-txt',slidesToShow: 1,slidesToScroll: 1,infinite: spotlightInfinite,arrows: true,speed: sliderSpeedSpotlight,cssEase: sliderEaseSpotlight,draggable: false,fade: true,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {draggable: true }}]});lastSlide = $('.carousel-spotlight-img .slick-slide').length - 1;var dotsPressed = false;$(document).on('click', '.overview-spotlight .slick-dots li', function() {dotsPressed = true;});$(document).on('click', '.overview-spotlight .slick-arrow', function() {dotsPressed = false;});$('.carousel-spotlight-img').on("beforeChange", function(event, slick, currentSlide, nextSlide) {setTimeout(function() {if(dotsPressed) {if(currentSlide < nextSlide) {$('.carousel-spotlight-img .slick-active').addClass('carousel-right');}else if(currentSlide > nextSlide) {$('.carousel-spotlight-img .slick-active').addClass('carousel-left');}dotsPressed = false;}else {if(currentSlide < nextSlide && nextSlide != 0 && nextSlide != lastSlide) {$('.carousel-spotlight-img .slick-active').addClass('carousel-right');}else if(currentSlide > nextSlide && nextSlide != 0 && nextSlide != lastSlide) {$('.carousel-spotlight-img .slick-active').addClass('carousel-left');}else if((currentSlide > nextSlide && nextSlide == 0 && currentSlide != lastSlide) || (nextSlide == lastSlide && currentSlide == 0)) {$('.carousel-spotlight-img .slick-active').addClass('carousel-left');}else if((nextSlide == 0 && currentSlide == lastSlide) || (nextSlide == lastSlide && currentSlide < lastSlide)) {$('.carousel-spotlight-img .slick-active').addClass('carousel-right');}}}, 10);}).on("afterChange", function(event, slick, currentSlide) {if($('.carousel-spotlight-img .carousel-right')) {setTimeout(function() {$('.carousel-spotlight-img .slick-active').removeClass('carousel-right');}, 20);}if($('.carousel-spotlight-img .carousel-left')) {setTimeout(function() {$('.carousel-spotlight-img .slick-active').removeClass('carousel-left');}, 20);}});$('.carousel-spotlight-vid').slick({asNavFor: '.carousel-spotlight-hl-mob, .carousel-spotlight-hl, .carousel-spotlight-img, .carousel-spotlight-btn, .carousel-spotlight-txt',slidesToShow: 1,slidesToScroll: 1,infinite: spotlightInfinite,arrows: false,speed: sliderSpeedSpotlight,cssEase: sliderEaseSpotlight,draggable: false,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {draggable: true }}]}).on("beforeChange", function(event, slick, currentSlide, nextSlide) {num = $('.carousel-spotlight-vid .slick-track > div').length;for(let i = 0; i < num; i++) {$('.carousel-spotlight-vid iframe')[i].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');}});$('.carousel-spotlight-btn').slick({asNavFor: '.carousel-spotlight-hl-mob, .carousel-spotlight-hl, .carousel-spotlight-img, .carousel-spotlight-vid, .carousel-spotlight-txt',slidesToShow: 1,slidesToScroll: 1,infinite: spotlightInfinite,fade: true,arrows: false,dots: false,speed: sliderSpeedSpotlight,cssEase: sliderEaseSpotlight,draggable: false,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {dots: true,draggable: true }}]});$('.carousel-spotlight-txt').slick({asNavFor: '.carousel-spotlight-hl-mob, .carousel-spotlight-hl, .carousel-spotlight-img, .carousel-spotlight-vid, .carousel-spotlight-btn',slidesToShow: 1,slidesToScroll: 1,infinite: spotlightInfinite,arrows: false,dots: true,speed: sliderSpeedSpotlight,cssEase: sliderEaseSpotlight,draggable: false,fade: true,pauseOnFocus: false,pauseOnHover: false,responsive: [{ breakpoint: 1251, settings: {dots: false,draggable: true }}]});if($(window).width() > 1250) { $('.overview-spotlight .slick-dots').appendTo('.overview-spotlight .contentbox-wrap');}$('.img-slide').slick({autoplay: true,infinite: true,slidesToShow: 1,arrows: false,autoplaySpeed: 2500,speed: sliderSpeed,cssEase: sliderEase,pauseOnFocus: false,pauseOnHover: false});// CAROUSEL ARROW BEHAVIOURfunction arrowBehaviour() {$('.slick-slider .slick-prev').mousedown(function() {$(this).addClass('arrow-press');});$('.slick-slider .slick-prev').mouseup(function() {$(this).removeClass('arrow-press');});$('.slick-slider .slick-next').mousedown(function() {$(this).addClass('arrow-press');});$('.slick-slider .slick-next').mouseup(function() {$(this).removeClass('arrow-press');});$('.slick-slider .slick-prev').mouseleave(function() {$(this).addClass('arrow-leave');setTimeout(function() {$('.slick-slider .slick-prev').removeClass('arrow-leave');}, 400);});$('.slick-slider .slick-next').mouseleave(function() {$(this).addClass('arrow-leave');setTimeout(function() {$('.slick-slider .slick-next').removeClass('arrow-leave');}, 400);});$('.slick-dots li').mousedown(function() {$(this).addClass('dots-press');});$('.slick-dots li').mouseup(function() {$(this).removeClass('dots-press');});if($(window).width() > 1250) { $('.overview-spotlight .slick-dots').appendTo('.overview-spotlight .contentbox-wrap');}}arrowBehaviour();var allTabs = ['#pps-overview'];var allTabsCnt = {};function initCnt() {for (i = 0; i < allTabs.length; i++) {allTabsCnt[allTabs[i]] = 0;}}initCnt();function refreshTabCarousel() {for (i = 0; i < allTabs.length; i++) {if (allTabsCnt[allTabs[i]] < 5 && $(allTabs[i]).parent().parent().parent().hasClass('active')){allTabsCnt[allTabs[i]]++;$(allTabs[i]+' .slick-slider').each(function(n){$(this).slick('refresh');arrowBehaviour();});}}}function refreshAllCarousel() {for (i = 0; i < allTabs.length; i++) {$(allTabs[i]+' .slick-slider').slick('refresh');arrowBehaviour();}}setTimeout(function() {$('.plo-page-nav__item').on("click", function() {resetAni();initCnt();resetCurtains();setTimeout(function() {checkOnScrollAni();startCurtains();}, 500);});}, 1000);/** CURTAIN **/gsap.registerPlugin(ScrollTrigger);var curtainSections = ['.overview-notsaved', '.overview-spotlight'];var tl_curtainRight, tl_curtainLeft;function setCurtains() {for(let i=0; i < curtainSections.length; i++) {gsap.set(curtainSections[i]+' .curtain-container .curtain-side',{backgroundSize: '129%',width: '50%',xPercent: 0,skewX: '0deg',transformOrigin: 'top center'});}}function startCurtains() {setCurtains();for(let i=0; i < curtainSections.length; i++) {var curtain_pos = 102;if(curtainSections[i] == '.overview-notsaved' && $(window).width() > 1250) {curtain_pos = 75;}tl_curtainRight = gsap.timeline({scrollTrigger: {trigger: curtainSections[i]+" .curtain-side",start: "0 center"}});tl_curtainRight.to(curtainSections[i]+' .curtain-container .curtain-right', {width: '30%',xPercent: curtain_pos,skewX: '5deg',ease: "power1.inOut",duration: 1.25}).to(curtainSections[i]+' .curtain-container .curtain-right', {backgroundSize: '100%',skewX: '0deg',ease: "elastic.out(1,0.5)",duration: 2});tl_curtainLeft = gsap.timeline({scrollTrigger: {trigger: curtainSections[i]+" .curtain-side",start: "0 center"}});tl_curtainLeft.to(curtainSections[i]+' .curtain-container .curtain-left', {width: '30%',xPercent: -curtain_pos,skewX: '-5deg',ease: "power1.inOut",duration: 1.25}).to(curtainSections[i]+' .curtain-container .curtain-left', {backgroundSize: '100%',skewX: '0deg',ease: "elastic.out(1,0.5)",duration: 2});}}function resetCurtains() {tl_curtainRight.kill();tl_curtainLeft.kill();setCurtains();}/** PARTICLES **/setTimeout(function() {var count = 100,particleClass = 'particle',container = $('.particle-container'),w = container.width(),h = container.height(),elem;if($(window).width() < 768) {count = 75;}for(let i = 0; i < count; i++) {elem = document.createElement('div');elem.className = particleClass;container.append(elem);gsap.set(elem, {x: gsap.utils.random(0, w),y: gsap.utils.random(0, h) - (h*0.75),scale: gsap.utils.random(0.5, 1)});aniPart(elem);}function aniPart(elem) {gsap.to(elem, gsap.utils.random(20, 80), {y: h*0.75,ease: 'none',repeat: -1,delay: -10});gsap.to(elem, gsap.utils.random(5, 20), {x: '+=100',ease: 'power1.inout',repeat: -1,yoyo: true});gsap.to(elem, gsap.utils.random(1, 2), {opacity: 0,ease: 'power1.inOut',repeat: -1,yoyo: true});}}, 500);/** ON SCROLL ANIMATION **/function isInView(el, offset = 200, offsetMob = 0) {var target = window;var docTop = $(target).scrollTop();var docBottom = docTop + $(target).height();var winWidth = $(target).width();if(winWidth > 767) {var elTop = $(el).offset().top + offset;var elBottom = elTop + $(el).height();return ((elBottom >= docTop) && (elTop <= docBottom));}else {var elTop = $(el).offset().top + offsetMob;var elBottom = elTop + $(el).height();return ((elBottom >= docTop) && (elTop <= docBottom));}}function checkOnScrollAni() {// GENERAL$(".onScrollAni").each(function(i) {if(isInView($(this))) {if($(this).hasClass("ani-showRibbon")) {$(this).addClass("showRibbon");$(this).removeClass("ani-showRibbon");}else if($(this).hasClass("ani-showRibbonReverse")) {$(this).addClass("showRibbonReverse");$(this).removeClass("ani-showRibbonReverse");}else if($(this).hasClass("ani-beamInLeft")) {$(this).addClass("beamInLeft");$(this).removeClass("ani-beamInLeft");}else if($(this).hasClass("ani-beamInRight")) {$(this).addClass("beamInRight");$(this).removeClass("ani-beamInRight");}else if($(this).hasClass("ani-slideFadeInLeft")) {$(this).addClass("slideFadeInLeft");$(this).removeClass("ani-slideFadeInLeft");}else if($(this).hasClass("ani-slideFadeInBottom")) {$(this).addClass("slideFadeInBottom");$(this).removeClass("ani-slideFadeInBottom");}else if($(this).hasClass("ani-scaleInHeadline")) {$(this).addClass("scaleInHeadline");$(this).removeClass("ani-scaleInHeadline");}}if(isInView($(this), 600, 0)) {if($(this).hasClass("ani-fallIn")) {$(this).addClass("fallIn");$(this).removeClass("ani-fallIn");}}});}function resetAni() {$(".onScrollAni").each(function(i) {if($(this).hasClass("showRibbon")) {$(this).addClass("ani-showRibbon");$(this).removeClass("showRibbon");}else if($(this).hasClass("showRibbonReverse")) {$(this).addClass("ani-showRibbonReverse");$(this).removeClass("showRibbonReverse");}else if($(this).hasClass("beamInLeft")) {$(this).addClass("ani-beamInLeft");$(this).removeClass("beamInLeft");}else if($(this).hasClass("beamInRight")) {$(this).addClass("ani-beamInRight");$(this).removeClass("beamInRight");}else if($(this).hasClass("slideFadeInLeft")) {$(this).addClass("ani-slideFadeInLeft");$(this).removeClass("slideFadeInLeft");}else if($(this).hasClass("slideFadeInBottom")) {$(this).addClass("ani-slideFadeInBottom");$(this).removeClass("slideFadeInBottom");}else if($(this).hasClass("scaleInHeadline")) {$(this).addClass("ani-scaleInHeadline");$(this).removeClass("scaleInHeadline");}else if($(this).hasClass("fallIn")) {$(this).addClass("ani-fallIn");$(this).removeClass("fallIn");}});}function setCarouselDots() {if($(window).width() > 1250) { $('.overview-spotlight .slick-dots').appendTo('.overview-spotlight .contentbox-wrap');$('#pps-overview .popup-wrap.only-mob').remove();}else {$('.overview-spotlight .slick-dots').appendTo('.overview-spotlight .carousel-info');$('.overview-spotlight .carousel-spotlight-vid.hide-mob').remove();}}setTimeout(function() {checkOnScrollAni();startCurtains();}, 500);$(window).on("resize", function() {setTimeout(function() {refreshTabCarousel();checkOnScrollAni();setCarouselDots();}, 500);});$(window.parent).on("orientationchange", function() {resetAni(); setTimeout(function() {refreshTabCarousel();checkOnScrollAni();setCarouselDots(); }, 500);});$(window).on("scroll", function() {setTimeout(function() {checkOnScrollAni();}, 200);});/** POPUP **/var set_vid = '.vid-';var set_btn = '.btn-';vidName = ['swordfight', 'detective', 'kungfu', 'patisserie', 'ninja', 'cowgirl', 'thief', 'skater', 'mermaid', 'mighty'];num = $('.popup-wrap > div').length;$('#pps-overview .btn-vid').on("click", function() {for(let i = 0; i < num; i++) {name = set_btn+vidName[i];vid = set_vid+vidName[i];if(this.className.match(name)) {if($('.popup-wrap').css('display') == 'none' && $(vid).css('display') == 'none') {$('.popup-wrap').css('display', 'block');$(vid).css('display', 'block');let vidHeight = $(vid+' > div').height();$(vid).css('top', 'calc(50% - '+vidHeight+'px/2)');}else {$('.popup-wrap').css('display', 'none');$(vid).css('display', 'none');}};}});$('#pps-overview .popup-wrap').on("click", function() {for(let i = 0; i < num; i++) {if($('.popup-vid iframe')[i] != null) {$('.popup-vid iframe')[i].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');}}$('.popup-wrap').css('display', 'none');$('.popup-vid').css('display', 'none');});$(".row-content:contains('pré-aquisição')").html(function(_, html) {return html.replace(/(pré-aquisição)/g, '$1');});$(".content:contains('pre-order')").html(function(_, html) {return html.replace(/(pre-order)/g, '$1');});$(".content:contains('Nintendo Switch')").not('[title="Nintendo Switch"]').html(function(_, html) {return html.replace(/(Nintendo Switch)/g, 'NintendoSwitch');});$(".pps-section h2:contains('amiibo')").html(function(_, html) {return html.replace(/(amiibo)/g, '$1');});$(".pps-section .pps-btn a:contains('amiibo')").html(function(_, html) {return html.replace(/(amiibo)/g, '$1');});$('

').prependTo(styleAnchorClass);function extractURL(url) {return encodeURI(url);}});