{"id":6351,"date":"2024-06-23T20:56:57","date_gmt":"2024-06-23T18:56:57","guid":{"rendered":"https:\/\/www.spectar.pl\/?page_id=6351"},"modified":"2024-06-23T22:24:54","modified_gmt":"2024-06-23T20:24:54","slug":"lizus","status":"publish","type":"page","link":"https:\/\/www.spectar.pl\/en\/gra\/lizus\/","title":{"rendered":"Lizus"},"content":{"rendered":"
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n \n \n Gra Weterynarz: G\u0142odny Lizu\u015b<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap\">\n <style>\n body {\n height: 100%;\n margin: 0;\n padding: 0;\n font-family: 'Poppins', sans-serif;\n color: white;\n text-shadow: 1px 1px 2px black;\n background: url('https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/sad-gekon.webp') no-repeat center center fixed;\n background-size: cover;\n }\n\n #game-container {\n width: 100%;\n height: 85vh;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.5);\n padding: 20px;\n box-sizing: border-box;\n }\n\n #mission-details, #success-screen {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .action-button {\n cursor: pointer;\n padding: 10px;\n margin: 5px;\n border-radius: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: rgba(255, 255, 255, 0.9);\n transition: background-color 0.3s ease;\n color: black;\n }\n\n .action-button:hover {\n background-color: rgba(255, 255, 255, 1);\n }\n\n .action-button.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .action-button img {\n max-width: 30px;\n margin-right: 10px;\n }\n\n #gecko-image {\n max-width: 300px;\n margin-bottom: 20px;\n }\n\n #progress-screen {\n display: none;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n #progress-bar {\n width: 300px;\n height: 20px;\n background-color: #ccc;\n margin-top: 20px;\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n }\n\n #progress {\n width: 0;\n height: 100%;\n background-color: #4caf50;\n position: absolute;\n }\n\n #progress-image {\n max-height: 200px;\n margin-top: 10px;\n }\n\n #stars {\n margin-top: 20px;\n display: flex;\n justify-content: center;\n margin-bottom: 20px;\n }\n\n .star {\n width: 75px;\n margin: 0 10px;\n transition: transform 0.3s ease;\n }\n\n .star.full {\n animation: pulse 1s infinite;\n }\n\n @keyframes pulse {\n 0% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n 100% {\n transform: scale(1);\n }\n }\n\n h2 {\n margin: 0 0 20px 0;\n font-size: 2em;\n font-weight: bold;\n color: #fff;\n }\n\n #mission-description {\n font-size: 17px;\n font-weight: 400;\n margin-bottom: 20px;\n }\n\n #mission-status {\n color: yellow;\n margin-top: 20px;\n font-size: 25px;\n text-decoration: underline;\n font-weight: 800;\n }\n\n #success-screen {\n display: none;\n }\n\n #success-image {\n margin-top: 20px;\n }\n\n .speak-icon {\n cursor: pointer;\n color: yellow;\n font-weight: bold;\n margin-left: 10px;\n display: inline-block;\n }\n\n \/* Music player style *\/\n #music-player {\n display: none;\n }\n\n @media (max-width: 768px) {\n h2 {\n font-size: 1.5em;\n }\n\n .action-button {\n font-size: 14px;\n padding: 8px;\n margin: 4px;\n }\n\n #progress-bar {\n width: 100%;\n }\n\n #progress-image {\n max-height: 150px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <audio id=\"music-player\" loop>\n <source src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/muzyka.mp3\" type=\"audio\/mpeg\">\n Your browser does not support the audio element.\n <\/audio>\n\n <div id=\"game-container\">\n <div id=\"mission-details\">\n <div id=\"stars\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/staroff.png\" class=\"star\" id=\"star1\" alt=\"Star 1\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/staroff.png\" class=\"star\" id=\"star2\" alt=\"Star 2\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/staroff.png\" class=\"star\" id=\"star3\" alt=\"Star 3\">\n <\/div>\n <h2>Pom\u00f3\u017c Lizusiowi<\/h2>\n <div id=\"mission-description\">\n Lizu\u015b jest g\u0142odny i potrzebuje twojej pomocy. Musisz zidentyfikowa\u0107, co mu dolega, i podj\u0105\u0107 odpowiednie kroki, aby go nakarmi\u0107. Skorzystaj z dost\u0119pnych narz\u0119dzi, aby zbada\u0107 Lizusia, z\u0142apa\u0107 dla niego \u015bwierszcze i nakarmi\u0107 go. Upewnij si\u0119, \u017ce wykonujesz czynno\u015bci we w\u0142a\u015bciwej kolejno\u015bci. <span class=\"speak-icon\" onclick=\"speakText('Lizu\u015b jest g\u0142odny i potrzebuje twojej pomocy. Musisz zidentyfikowa\u0107, co mu dolega, i podj\u0105\u0107 odpowiednie kroki, aby go nakarmi\u0107. Skorzystaj z dost\u0119pnych narz\u0119dzi, aby zbada\u0107 Lizusia, z\u0142apa\u0107 dla niego \u015bwierszcze i nakarmi\u0107 go. Upewnij si\u0119, \u017ce wykonujesz czynno\u015bci we w\u0142a\u015bciwej kolejno\u015bci.')\">Przeczytaj mi<\/span>\n <\/div>\n <div id=\"gecko-image\"><img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/sad-gekon.webp\" alt=\"Lizu\u015b smutny\"><\/div>\n <div id=\"mission-status\"><\/div>\n <div>\n <div class=\"action-button\" id=\"action-examine\" onclick=\"performAction('examine')\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/Icon-map-doctor.png\" alt=\"Badanie\">\n <div>Zbadaj Lizusia<\/div>\n <\/div>\n <div class=\"action-button\" id=\"action-crickets\" onclick=\"performAction('crickets')\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/Icon-map-food.png\" alt=\"\u015awierszcze\">\n <div>Z\u0142ap \u015bwierszcze dla Lizusia<\/div>\n <\/div>\n <div class=\"action-button\" id=\"action-feed\" onclick=\"performAction('feed')\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/Icon-map-food.png\" alt=\"Karmienie\">\n <div>Nakarm Lizusia<\/div>\n <\/div>\n <div class=\"action-button\" id=\"action-light-off\" onclick=\"performAction('light-off')\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/Icon-map-light.png\" alt=\"Wy\u0142\u0105cz \u015bwiat\u0142o\">\n <div>Wy\u0142\u0105cz \u015bwiat\u0142o Lizusiowy<\/div>\n <\/div>\n <div class=\"action-button\" id=\"action-temperature-down\" onclick=\"performAction('temperature-down')\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/Icon-map-temperature.png\" alt=\"Zmniejsz temperatur\u0119\">\n <div>Zmniejsz temperatur\u0119 Lizusiowi<\/div>\n <\/div>\n <div class=\"action-button\" id=\"action-tail\" onclick=\"performAction('tail')\">\n <img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/Icon-map-playground.png\" alt=\"Ogon\">\n <div>Poci\u0105gnij za ogon<\/div>\n <\/div>\n <\/div>\n <\/div>\n <div id=\"progress-screen\">\n <h2 id=\"progress-message\"><\/h2>\n <div id=\"progress-bar\">\n <div id=\"progress\"><\/div>\n <\/div>\n <div id=\"progress-image\"><\/div>\n <\/div>\n <div id=\"success-screen\">\n <h2>Misja zako\u0144czona sukcesem!<\/h2>\n \n\n <div id=\"success-image\"><img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/verry-happy-gekon.webp\" alt=\"Lizu\u015b bardzo szcz\u0119\u015bliwy\"><\/div>\n <a href=\"https:\/\/www.spectar.pl\/en\/gra\/mapa\/\" class=\"action-button\">Wr\u00f3\u0107 do mapy<\/a>\n <\/div>\n <\/div>\n\n <script>\n let geckoState = 'sad';\n let stars = 0;\n let correctActions = ['examine', 'crickets', 'feed']; \/\/ Logiczna kolejno\u015b\u0107 dzia\u0142a\u0144\n let currentActionIndex = 0;\n\n \/\/ Music player\n const musicPlayer = document.getElementById('music-player');\n musicPlayer.volume = 0.5; \/\/ \u015aciszenie muzyki o 50%\n musicPlayer.play();\n\n function updateGeckoImage() {\n const geckoImage = document.getElementById('gecko-image');\n if (geckoState === 'sad') {\n geckoImage.innerHTML = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/sad-gekon.webp\" alt=\"Lizu\u015b smutny\">';\n speakText('Lizu\u015b jest smutny.');\n } else if (geckoState === 'examined') {\n geckoImage.innerHTML = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/verry-happy-gekon.webp\" alt=\"Lizu\u015b zbadany\">';\n speakText('Zbada\u0142e\u015b Lizusia i odkry\u0142e\u015b, \u017ce jest g\u0142odny.');\n } else if (geckoState === 'crickets-caught') {\n geckoImage.innerHTML = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/verry-happy-gekon.webp\" alt=\"\u015awierszcze z\u0142apane\">';\n speakText('Z\u0142apa\u0142e\u015b \u015bwierszcze dla Lizusia.');\n } else if (geckoState === 'fed') {\n geckoImage.innerHTML = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/very-happy-praga-1.webp\" alt=\"Lizu\u015b nakarmiony\">';\n speakText('Lizu\u015b jest teraz szcz\u0119\u015bliwy.');\n }\n }\n\n function updateStars() {\n for (let i = 1; i <= 3; i++) {\n const star = document.getElementById('star' + i);\n if (i <= stars) {\n star.src = 'https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/staron.png';\n star.classList.add('full');\n } else {\n star.src = 'https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/staroff.png';\n star.classList.remove('full');\n }\n }\n }\n\n function performAction(action) {\n if (document.getElementById('action-' + action).classList.contains('disabled')) {\n document.getElementById('mission-status').innerText = 'Ta czynno\u015b\u0107 zosta\u0142a ju\u017c wykonana.';\n speakText('Ta czynno\u015b\u0107 zosta\u0142a ju\u017c wykonana.');\n return;\n }\n\n let progressMessage = '';\n let actionSuccessful = false;\n let resultMessage = '';\n let progressImageText = '';\n\n if (action === correctActions[currentActionIndex]) {\n if (action === 'examine') {\n progressMessage = 'Zbadasz Lizusia, aby sprawdzi\u0107, co mu dolega. Mo\u017ce uda si\u0119 znale\u017a\u0107 przyczyn\u0119 jego smutku.';\n actionSuccessful = true;\n geckoState = 'examined';\n resultMessage = 'Zbada\u0142e\u015b Lizusia i odkry\u0142e\u015b, \u017ce jest g\u0142odny. Potrzebuje \u015bwierszczy, aby poczu\u0107 si\u0119 lepiej.';\n progressImageText = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/exam.webp\" alt=\"Badanie Lizusia\">';\n } else if (action === 'crickets') {\n progressMessage = 'Z\u0142apiesz \u015bwierszcze dla Lizusia. Powinno to pom\u00f3c mu poczu\u0107 si\u0119 lepiej.';\n actionSuccessful = true;\n geckoState = 'crickets-caught';\n resultMessage = 'Z\u0142apa\u0142e\u015b \u015bwierszcze dla Lizusia. Teraz trzeba go nakarmi\u0107.';\n progressImageText = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/crickets.webp\" alt=\"\u0141apanie \u015bwierszczy\">';\n window.open('https:\/\/www.spectar.pl\/gra\/nakarm-lizus\/', '_blank');\n } else if (action === 'feed') {\n progressMessage = 'Podajesz Lizusiowi \u015bwierszcze do jedzenia. Powinno to pom\u00f3c mu poczu\u0107 si\u0119 lepiej.';\n actionSuccessful = true;\n geckoState = 'fed';\n resultMessage = 'Lizu\u015b zjad\u0142 z apetytem i teraz czuje si\u0119 du\u017co lepiej. Jest pe\u0142en energii.';\n progressImageText = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/foood.webp\" alt=\"Karmienie Lizusia\">';\n }\n\n if (actionSuccessful) {\n stars++;\n updateStars();\n currentActionIndex++;\n document.getElementById('action-' + action).classList.add('disabled');\n }\n } else {\n if (action === 'light-off') {\n progressMessage = 'Wy\u0142\u0105czasz \u015bwiat\u0142o, ale to nie pomaga Lizusiowi.';\n actionSuccessful = false;\n resultMessage = 'Lizu\u015b nie potrzebuje teraz ciemno\u015bci. Podaj mu lepiej jedzenie.';\n progressImageText = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/sad-gekon.webp\" alt=\"Wy\u0142\u0105czanie \u015bwiat\u0142a\">';\n } else if (action === 'temperature-down') {\n progressMessage = 'Zmniejszasz temperatur\u0119, ale to nie pomaga Lizusiowi.';\n actionSuccessful = false;\n resultMessage = 'Zmniejszenie temperatury nie jest tym, czego Lizu\u015b teraz potrzebuje.';\n progressImageText = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/sad-gekon.webp\" alt=\"Zmniejszanie temperatury\">';\n } else if (action === 'tail') {\n progressMessage = 'Poci\u0105gasz Lizusia za ogon, co go denerwuje.';\n actionSuccessful = false;\n resultMessage = 'Lepiej nie ci\u0105gn\u0105\u0107 Lizusia za ogon. Nakarm go.';\n progressImageText = '<img decoding=\"async\" src=\"https:\/\/www.spectar.pl\/wp-content\/uploads\/2024\/06\/sad-gekon.webp\" alt=\"Ci\u0105gni\u0119cie za ogon\">';\n }\n }\n\n document.getElementById('progress-message').innerText = progressMessage;\n document.getElementById('progress-image').innerHTML = progressImageText;\n document.getElementById('mission-details').style.display = 'none';\n document.getElementById('progress-screen').style.display = 'flex';\n document.getElementById('progress').style.width = '0';\n\n speakText(progressMessage);\n\n let progress = 0;\n const interval = setInterval(() => {\n progress += 1;\n document.getElementById('progress').style.width = progress + '%';\n if (progress >= 100) {\n clearInterval(interval);\n document.getElementById('progress-screen').style.display = 'none';\n document.getElementById('mission-details').style.display = 'flex';\n document.getElementById('mission-status').innerText = resultMessage;\n speakText(resultMessage);\n if (actionSuccessful) {\n if (stars === 3) {\n document.getElementById('mission-details').style.display = 'none';\n document.getElementById('success-screen').style.display = 'flex';\n speakText('Misja zako\u0144czona sukcesem! Lizu\u015b czuje si\u0119 teraz bardzo dobrze dzi\u0119ki Twojej pomocy!');\n return;\n }\n } else {\n geckoState = 'sad';\n }\n updateGeckoImage();\n }\n }, 70); \/\/ dynamic loading, 7 seconds total\n }\n\n function speakText(text) {\n const synth = window.speechSynthesis;\n const utterance = new SpeechSynthesisUtterance(text);\n utterance.lang = 'pl-PL';\n synth.speak(utterance);\n }\n\n function restartMission() {\n geckoState = 'sad';\n stars = 0;\n currentActionIndex = 0;\n updateGeckoImage();\n updateStars();\n document.getElementById('mission-status').innerText = '';\n document.querySelectorAll('.action-button').forEach(button => {\n button.classList.remove('disabled');\n });\n document.getElementById('success-screen').style.display = 'none';\n document.getElementById('mission-details').style.display = 'flex';\n }\n\n \/\/ Start the music when the page loads\ndocument.addEventListener('click', function() {\n if (musicPlayer.paused) {\n musicPlayer.play();\n }\n});\n\n\/\/ Start the music when the page loads\nwindow.onload = () => {\n musicPlayer.play();\n};\n\n <\/script>\n<\/body>\n<\/html>\n\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<\/div>","protected":false},"excerpt":{"rendered":"<p>Gra Weterynarz: G\u0142odny Lizu\u015b Your browser does not support the audio element. Pom\u00f3\u017c Lizusiowi Lizu\u015b jest g\u0142odny i potrzebuje twojej pomocy. Musisz zidentyfikowa\u0107, co mu dolega, i podj\u0105\u0107 odpowiednie kroki, aby go nakarmi\u0107. Skorzystaj z dost\u0119pnych narz\u0119dzi, aby zbada\u0107 Lizusia, z\u0142apa\u0107 dla niego \u015bwierszcze i nakarmi\u0107 go. Upewnij si\u0119, \u017ce wykonujesz czynno\u015bci we w\u0142a\u015bciwej kolejno\u015bci. … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.spectar.pl\/en\/gra\/lizus\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> „Lizus”<\/span><\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":6077,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/pages\/6351"}],"collection":[{"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/comments?post=6351"}],"version-history":[{"count":19,"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/pages\/6351\/revisions"}],"predecessor-version":[{"id":6408,"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/pages\/6351\/revisions\/6408"}],"up":[{"embeddable":true,"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/pages\/6077"}],"wp:attachment":[{"href":"https:\/\/www.spectar.pl\/en\/wp-json\/wp\/v2\/media?parent=6351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}