\u054a\u0561\u0577\u057f\u057a\u0561\u0576\u056b\u0580 \u0574\u0561\u0577\u056f\u0568<\/title>\r\n\r\n<style>\r\n\r\n:root{\r\n --bg:#373242;\r\n --accent:#08c7c9;\r\n --danger:#ff4d4d;\r\n}\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n user-select:none;\r\n -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\nhtml,\r\nbody{\r\n width:100%;\r\n height:100%;\r\n margin:0;\r\n padding:0;\r\n overflow:hidden;\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n font-family:Arial,sans-serif;\r\n background:var(--bg);\r\n color:white;\r\n touch-action:none;\r\n overscroll-behavior:none;\r\n}\r\n\r\n#game{\r\n touch-action:none;\r\n width:min(100vw,4247px);\r\n height:min(100vh,calc(min(100vw,4247px) * 9 \/ 16));\r\n max-width:4247px;\r\n max-height:2389px;\r\n aspect-ratio:16\/9;\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(to bottom,#5d5a78,#373242);\r\n}\r\n\r\n\/* TOP UI *\/\r\n\r\n.top-ui{\r\n position:absolute;\r\n top:20px;\r\n left:20px;\r\n right:20px;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n z-index:100;\r\n}\r\n\r\n.timer-box,\r\n.counter-box{\r\n background:rgba(0,0,0,.35);\r\n border:2px solid var(--accent);\r\n color:white;\r\n padding:12px 22px;\r\n border-radius:999px;\r\n font-size:clamp(18px,2vw,32px);\r\n font-weight:800;\r\n box-shadow:0 0 18px rgba(8,199,201,.25);\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.game-title{\r\n position:absolute;\r\n top:95px;\r\n width:100%;\r\n text-align:center;\r\n color:white;\r\n font-size:clamp(30px,4vw,58px);\r\n font-weight:900;\r\n z-index:50;\r\n text-transform:uppercase;\r\n}\r\n\r\n.game-title span{\r\n color:var(--accent);\r\n}\r\n\r\n\/* SUN *\/\r\n\r\n.sun{\r\n position:absolute;\r\n top:30px;\r\n right:240px;\r\n width:180px;\r\n z-index:2;\r\n pointer-events:none;\r\n}\r\n\r\n\/* PERSON *\/\r\n\r\n.person{\r\n position:absolute;\r\n bottom:2%;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:min(380px,18vw);\r\n z-index:5;\r\n pointer-events:none;\r\n}\r\n\r\n\/* CLOUD *\/\r\n\r\n.cloud{\r\n position:absolute;\r\n width:180px;\r\n z-index:20;\r\n cursor:grab;\r\n touch-action:none;\r\n}\r\n\r\n.cloud.dragging{\r\n cursor:grabbing;\r\n}\r\n\r\n#cloud1{\r\n left:15%;\r\n top:55%;\r\n}\r\n\r\n#cloud2{\r\n right:15%;\r\n top:55%;\r\n}\r\n\r\n\/* RAYS *\/\r\n\r\n.ray{\r\n position:absolute;\r\n width:16px;\r\n height:105px;\r\n will-change:left,top;\r\n border-radius:20px;\r\n background:linear-gradient(to bottom,#fff89a,#ffd000,#ff9d00);\r\n box-shadow:0 0 20px #ffd000;\r\n z-index:10;\r\n}\r\n\r\n\/* START + RESULT *\/\r\n\r\n#startScreen,\r\n#resultScreen{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n background:#2e2937;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n align-items:center;\r\n text-align:center;\r\n color:white;\r\n padding:20px;\r\n z-index:999;\r\n}\r\n\r\n#resultScreen{\r\n display:none;\r\n}\r\n\r\n.main-title{\r\n font-size:clamp(42px,5vw,80px);\r\n color:var(--accent);\r\n font-weight:900;\r\n margin-bottom:25px;\r\n}\r\n\r\n.main-text{\r\n font-size:clamp(20px,2vw,32px);\r\n line-height:1.5;\r\n max-width:950px;\r\n font-weight:700;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.buttons{\r\n display:flex;\r\n gap:18px;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n margin-top:40px;\r\n}\r\n\r\nbutton,\r\n.home-btn{\r\n border:none;\r\n background:var(--accent);\r\n color:white;\r\n padding:18px 42px;\r\n border-radius:999px;\r\n font-size:clamp(18px,2vw,28px);\r\n cursor:pointer;\r\n font-weight:800;\r\n transition:.2s;\r\n text-decoration:none;\r\n}\r\n\r\nbutton:hover,\r\n.home-btn:hover{\r\n transform:scale(1.05);\r\n}\r\n\r\n.home-btn{\r\n background:#5f5f5f;\r\n}\r\n\r\n#resultImage{\r\n width:min(500px,70vw);\r\n max-height:42vh;\r\n object-fit:contain;\r\n margin:25px 0;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n .sun{\r\n width:120px;\r\n right:10px;\r\n }\r\n\r\n .person{\r\n width:160px;\r\n }\r\n\r\n .cloud{\r\n width:120px;\r\n }\r\n\r\n .game-title{\r\n top:85px;\r\n padding:0 10px;\r\n }\r\n\r\n .top-ui{\r\n top:10px;\r\n left:10px;\r\n right:10px;\r\n }\r\n\r\n .buttons{\r\n flex-direction:column;\r\n width:100%;\r\n align-items:center;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"game\">\r\n\r\n \r\n\r\n <div id=\"startScreen\">\r\n\r\n <div class=\"main-title\">\r\n \u0546\u054a\u0531\u054f\u0531\u053f\r\n <\/div>\r\n\r\n <div class=\"main-text\">\r\n <b>\u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0541\u0535\u0550 \u0544\u0531\u0547\u053f\u0546 \u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554\u053b\u0551\u0589 \u0533\u0548\u0550\u053e\u0535\u055b\u0554 \u0531\u0550\u0531\u0533 \u0535\u054e \u0543\u0547\u0533\u0550\u053b\u054f\u055d \u0540\u0531\u054e\u0531\u0554\u0535\u053c\u0548\u054e \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u0531\u0544\u054a\u0535\u0550\u0548\u054e\u0589 \u0548\u0552\u0547\u0531\u0534\u0550\u0548\u0552\u0539\u0545\u0548\u055b\u0552\u0546\u2024 \u053a\u0531\u0544\u0531\u0546\u0531\u053f\u053b \u0538\u0546\u0539\u0531\u0551\u0554\u0548\u0552\u0544 \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u054d\u053f\u054d\u0548\u0552\u0544 \u0535\u0546 \u0547\u0531\u0550\u053a\u054e\u0535\u053c \u0531\u054e\u0535\u053c\u053b \u0548\u0552 \u0531\u054e\u0535\u053c\u053b \u0531\u0550\u0531\u0533:\r\n\r\n\r\n\r\n <\/div>\r\n\r\n <div class=\"buttons\">\r\n\r\n <button id=\"startBtn\">\r\n \u054d\u053f\u054d\u0535\u053c\r\n <\/button>\r\n\r\n <a href=\"\/\" class=\"home-btn\">\r\n \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div id=\"resultScreen\">\r\n\r\n <div class=\"main-title\" id=\"resultTitle\"><\/div>\r\n\r\n <img decoding=\"async\"\r\n id=\"resultImage\"\r\n src=\"\"\r\n >\r\n\r\n <div class=\"main-text\" id=\"resultText\"><\/div>\r\n\r\n <div class=\"buttons\">\r\n \r\n <button onclick=\"location.reload()\">\r\n \u053f\u0550\u053f\u053b\u0546 \u053d\u0531\u0542\u0531\u053c\r\n <\/button>\r\n<a href=\"\/\" class=\"home-btn\">\r\n \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b\r\n <\/a>\r\n \r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"top-ui\">\r\n\r\n <div class=\"counter-box\">\r\n \u2600 \u0547\u0548\u0542\u0535\u0550\u055d\r\n <span id=\"score\">0\/90<\/span>\r\n <\/div>\r\n\r\n <div class=\"timer-box\">\r\n \u23f1\r\n <span id=\"time\">10<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"game-title\">\r\n \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0544\u0531\u0547\u053f\u0538 <br>\u0531\u0545\u0550\u054e\u0535\u053c\u0548\u0552\u0551\u0589\r\n <\/div>\r\n\r\n \r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/sun.png\"\r\n class=\"sun\"\r\n id=\"sun\"\r\n >\r\n\r\n \r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/cloud.png\"\r\n class=\"cloud\"\r\n id=\"cloud1\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/cloud.png\"\r\n class=\"cloud\"\r\n id=\"cloud2\"\r\n >\r\n\r\n \r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/person.png\"\r\n class=\"person\"\r\n id=\"person\"\r\n >\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* DISABLE DOUBLE TAP ZOOM *\/\r\nlet lastTouchEnd = 0;\r\n\r\ndocument.addEventListener('touchend', function(e){\r\n const now = Date.now();\r\n if(now - lastTouchEnd <= 350){\r\n e.preventDefault();\r\n }\r\n lastTouchEnd = now;\r\n}, {passive:false});\r\n\r\ndocument.addEventListener('dblclick', e => e.preventDefault(), {passive:false});\r\ndocument.addEventListener('gesturestart', e => e.preventDefault());\r\ndocument.addEventListener('gesturechange', e => e.preventDefault());\r\ndocument.addEventListener('gestureend', e => e.preventDefault());\r\ndocument.addEventListener('contextmenu', e => e.preventDefault());\r\n\r\n\r\nconst game = document.getElementById('game');\r\n\r\nconst person = document.getElementById('person');\r\n\r\nconst cloud1 = document.getElementById('cloud1');\r\nconst cloud2 = document.getElementById('cloud2');\r\n\r\nconst scoreEl = document.getElementById('score');\r\nconst timeEl = document.getElementById('time');\r\n\r\nconst startScreen = document.getElementById('startScreen');\r\n\r\nconst resultScreen = document.getElementById('resultScreen');\r\nconst resultTitle = document.getElementById('resultTitle');\r\nconst resultText = document.getElementById('resultText');\r\nconst resultImage = document.getElementById('resultImage');\r\n\r\nconst startBtn = document.getElementById('startBtn');\r\n\r\nlet score = 0;\r\nconst TOTAL_RAYS = 90;\r\nlet burns = 0;\r\n\r\nlet gameRunning = false;\r\n\r\nlet rays = [];\r\n\r\nlet timeLeft = 10;\r\n\r\nlet raySpeed = 8;\r\n\r\nlet spawnRate = 280;\r\n\r\n\/* START *\/\r\n\r\nstartBtn.onclick = () => {\r\n\r\n score = 0;\r\n burns = 0;\r\n timeLeft = 10;\r\n raySpeed = 8;\r\n spawnRate = 280;\r\n scoreEl.innerText = '0\/' + TOTAL_RAYS;\r\n timeEl.innerText = timeLeft;\r\n\r\n startScreen.style.display = 'none';\r\n\r\n gameRunning = true;\r\n\r\n startTimer();\r\n\r\n spawnLoop();\r\n\r\n animate();\r\n};\r\n\r\n\/* TIMER *\/\r\n\r\nfunction startTimer(){\r\n\r\n const timer = setInterval(()=>{\r\n\r\n if(!gameRunning){\r\n clearInterval(timer);\r\n return;\r\n }\r\n\r\n timeLeft--;\r\n\r\n timeEl.innerText = timeLeft;\r\n\r\n if(timeLeft > 6){\r\n\r\n raySpeed = 8;\r\n spawnRate = 280;\r\n\r\n }else if(timeLeft > 3){\r\n\r\n raySpeed = 12;\r\n spawnRate = 170;\r\n\r\n }else{\r\n\r\n raySpeed = 16;\r\n spawnRate = 100;\r\n\r\n }\r\n\r\n if(timeLeft <= 0){\r\n\r\n endGame();\r\n }\r\n\r\n },1000);\r\n}\r\n\r\n\/* CREATE RAY *\/\r\n\r\nfunction createRay(){\r\n\r\n const ray = document.createElement('div');\r\n\r\n ray.className = 'ray';\r\n\r\n const gameRect = game.getBoundingClientRect();\r\n\r\n \/* \u0544\u053b\u0531\u0545\u0546 \u054e\u0535\u0550\u0535\u054e\u053b\u0551 *\/\r\n\r\n let startX =\r\n Math.random() * gameRect.width;\r\n\r\n let startY = -120;\r\n\r\n ray.style.left = startX + 'px';\r\n ray.style.top = startY + 'px';\r\n\r\n game.appendChild(ray);\r\n\r\n const personRect = person.getBoundingClientRect();\r\n\r\n const targetX =\r\n personRect.left +\r\n Math.random() * personRect.width -\r\n gameRect.left;\r\n\r\n const targetY =\r\n personRect.top +\r\n Math.random() * personRect.height * 0.6 -\r\n gameRect.top;\r\n\r\n const dx = targetX - startX;\r\n const dy = targetY - startY;\r\n\r\n const angle =\r\n Math.atan2(dy, dx) * 180 \/ Math.PI + 90;\r\n\r\n ray.style.transform = `rotate(${angle}deg)`;\r\n\r\n rays.push({\r\n el:ray,\r\n x:startX,\r\n y:startY,\r\n dx,\r\n dy\r\n });\r\n}\r\n\r\n\/* SPAWN LOOP *\/\r\n\r\nfunction spawnLoop(){\r\n\r\n if(!gameRunning) return;\r\n\r\n createRay();\r\n createRay();\r\n createRay();\r\n createRay();\r\n createRay();\r\n createRay();\r\n\r\n setTimeout(spawnLoop,spawnRate);\r\n}\r\n\r\n\/* ANIMATION *\/\r\n\r\nfunction animate(){\r\n\r\n if(!gameRunning) return;\r\n\r\n rays.forEach((ray,index)=>{\r\n\r\n const dist =\r\n Math.hypot(ray.dx,ray.dy);\r\n\r\n ray.x +=\r\n ray.dx\/dist * raySpeed;\r\n\r\n ray.y +=\r\n ray.dy\/dist * raySpeed;\r\n\r\n ray.el.style.left =\r\n ray.x + 'px';\r\n\r\n ray.el.style.top =\r\n ray.y + 'px';\r\n\r\n \/* CLOUD HIT *\/\r\n\r\n if(\r\n hit(ray.el,cloud1) ||\r\n hit(ray.el,cloud2)\r\n ){\r\n\r\n ray.el.remove();\r\n\r\n rays.splice(index,1);\r\n\r\n score++;\r\n\r\n scoreEl.innerText = score + '\/' + TOTAL_RAYS;\r\n\r\n if(score >= TOTAL_RAYS){\r\n endGame();\r\n }\r\n\r\n return;\r\n }\r\n\r\n \/* PERSON HIT *\/\r\n\r\n if(hit(ray.el,person)){\r\n\r\n ray.el.remove();\r\n\r\n rays.splice(index,1);\r\n\r\n burns++;\r\n\r\n if(burns >= 2){\r\n\r\n gameOverLose();\r\n }\r\n }\r\n\r\n });\r\n\r\n requestAnimationFrame(animate);\r\n}\r\n\r\n\/* COLLISION *\/\r\n\r\nfunction hit(a,b){\r\n\r\n const ar = a.getBoundingClientRect();\r\n const br = b.getBoundingClientRect();\r\n\r\n return !(\r\n ar.right < br.left ||\r\n ar.left > br.right ||\r\n ar.bottom < br.top ||\r\n ar.top > br.bottom\r\n );\r\n}\r\n\r\n\/* WIN *\/\r\n\r\nfunction endGame(){\r\n\r\n gameRunning = false;\r\n\r\n resultScreen.style.display = 'flex';\r\n\r\n if(score >= TOTAL_RAYS){\r\n\r\n resultTitle.innerText =\r\n '\u0540\u0531\u0542\u0539\u0531\u0546\u0531\u053f';\r\n\r\n resultText.innerHTML =\r\n `\u0547\u0546\u0548\u0550\u0540\u0531\u054e\u0548\u0550\u0548\u0552\u0544 \u0535\u0546\u0554, \u0534\u0548\u0552\u0554 \u0540\u0531\u054e\u0531\u0554\u0535\u0551\u053b\u0554 \u0532\u0548\u053c\u0548\u0550 \u0547\u0548\u0542\u0535\u0550\u0538 \u0535\u054e \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u0551\u053b\u0554 \u0544\u0531\u0550\u0534\u0548\u0552\u0546 \u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554\u053b\u0551\u0589 <br>\u053f\u0535\u0551\u0551\u0535\u055b\u0554:\r\n<br>\r\n \u0540\u0531\u054e\u0531\u0554\u0531\u053e \u0547\u0548\u0542\u0535\u0550\u055d <b>${score}\/${TOTAL_RAYS}<\/b>`;\r\n\r\n resultImage.src =\r\n 'https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/person.png';\r\n\r\n }else{\r\n\r\n resultTitle.innerText =\r\n '\u054a\u0531\u0550\u054f\u0548\u0552\u0539\u0545\u0548\u0552\u0546';\r\n\r\n resultText.innerHTML =\r\n `\u053a\u0531\u0544\u0531\u0546\u0531\u053f\u0538 \u054d\u054a\u0531\u054c\u054e\u0535\u0551\u0589 \u0540\u0531\u0542\u0539\u0535\u053c\u0548\u0552 \u0540\u0531\u0544\u0531\u0550 \u054a\u0535\u054f\u0554 \u0537 \u0540\u0531\u054e\u0531\u0554\u0535\u053c <b>${TOTAL_RAYS}<\/b> \u0547\u0548\u0542\u0589<br><br>\r\n \u0540\u0531\u054e\u0531\u0554\u0531\u053e \u0547\u0548\u0542\u0535\u0550\u055d <b>${score}\/${TOTAL_RAYS}<\/b>`;\r\n\r\n resultImage.src =\r\n 'https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/sunburn-loss.png';\r\n }\r\n}\r\n\r\n\/* LOSE *\/\r\n\r\nfunction gameOverLose(){\r\n\r\n gameRunning = false;\r\n\r\n resultScreen.style.display = 'flex';\r\n\r\n resultTitle.innerText =\r\n '\u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554';\r\n\r\n resultText.innerHTML =\r\n `\u0549\u0531\u0553\u0531\u0536\u0531\u0546\u0551 \u0547\u0531\u054f \u0547\u0548\u0542\u0535\u0550 \u0540\u0531\u054d\u0531\u0546 \u0544\u0531\u0550\u0534\u0548\u0552\u0546<br><br>\r\n \u0540\u0531\u054e\u0531\u0554\u0531\u053e \u0547\u0548\u0542\u0535\u0550\u055d <b>${score}\/${TOTAL_RAYS}<\/b>`;\r\n\r\n resultImage.src =\r\n 'https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/sunburn-loss.png';\r\n}\r\n\r\n\/* DRAG CLOUDS *\/\r\n\r\nfunction dragCloud(cloud){\r\n\r\n let dragging = false;\r\n\r\n let offsetX = 0;\r\n let offsetY = 0;\r\n\r\n cloud.addEventListener('pointerdown',e=>{\r\n\r\n dragging = true;\r\n\r\n const rect = cloud.getBoundingClientRect();\r\n\r\n offsetX = e.clientX - rect.left;\r\n offsetY = e.clientY - rect.top;\r\n\r\n cloud.classList.add('dragging');\r\n\r\n if(cloud.setPointerCapture){\r\n cloud.setPointerCapture(e.pointerId);\r\n }\r\n\r\n e.preventDefault();\r\n });\r\n\r\n window.addEventListener('pointermove',e=>{\r\n\r\n if(!dragging) return;\r\n\r\n const gameRect = game.getBoundingClientRect();\r\n const cloudRect = cloud.getBoundingClientRect();\r\n\r\n let newLeft = e.clientX - offsetX - gameRect.left;\r\n let newTop = e.clientY - offsetY - gameRect.top;\r\n\r\n newLeft = Math.max(0, Math.min(newLeft, gameRect.width - cloudRect.width));\r\n newTop = Math.max(0, Math.min(newTop, gameRect.height - cloudRect.height));\r\n\r\n cloud.style.left = newLeft + 'px';\r\n cloud.style.top = newTop + 'px';\r\n\r\n e.preventDefault();\r\n });\r\n\r\n window.addEventListener('pointerup',()=>{\r\n\r\n dragging = false;\r\n\r\n cloud.classList.remove('dragging');\r\n });\r\n}\r\n\r\ndragCloud(cloud1);\r\ndragCloud(cloud2);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u054a\u0561\u0577\u057f\u057a\u0561\u0576\u056b\u0580 \u0574\u0561\u0577\u056f\u0568 \u0546\u054a\u0531\u054f\u0531\u053f \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0541\u0535\u0550 \u0544\u0531\u0547\u053f\u0546 \u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554\u053b\u0551\u0589 \u0533\u0548\u0550\u053e\u0535\u055b\u0554 \u0531\u0550\u0531\u0533 \u0535\u054e \u0543\u0547\u0533\u0550\u053b\u054f\u055d \u0540\u0531\u054e\u0531\u0554\u0535\u053c\u0548\u054e \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u0531\u0544\u054a\u0535\u0550\u0548\u054e\u0589 \u0548\u0552\u0547\u0531\u0534\u0550\u0548\u0552\u0539\u0545\u0548\u055b\u0552\u0546\u2024 \u053a\u0531\u0544\u0531\u0546\u0531\u053f\u053b \u0538\u0546\u0539\u0531\u0551\u0554\u0548\u0552\u0544 \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u054d\u053f\u054d\u0548\u0552\u0544 \u0535\u0546 \u0547\u0531\u0550\u053a\u054e\u0535\u053c \u0531\u054e\u0535\u053c\u053b \u0548\u0552 \u0531\u054e\u0535\u053c\u053b \u0531\u0550\u0531\u0533: \u054d\u053f\u054d\u0535\u053c \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b \u053f\u0550\u053f\u053b\u0546 \u053d\u0531\u0542\u0531\u053c \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b \u2600 \u0547\u0548\u0542\u0535\u0550\u055d 0\/90 \u23f1 10 \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0544\u0531\u0547\u053f\u0538 \u0531\u0545\u0550\u054e\u0535\u053c\u0548\u0552\u0551\u0589<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":7,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\n\u054a\u0561\u0577\u057f\u057a\u0561\u0576\u056b\u0580 \u0574\u0561\u0577\u056f\u0568<\/title>\r\n\r\n<style>\r\n\r\n:root{\r\n --bg:#373242;\r\n --accent:#08c7c9;\r\n --danger:#ff4d4d;\r\n}\r\n\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n user-select:none;\r\n -webkit-tap-highlight-color:transparent;\r\n}\r\n\r\nhtml,\r\nbody{\r\n width:100%;\r\n height:100%;\r\n margin:0;\r\n padding:0;\r\n overflow:hidden;\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n font-family:Arial,sans-serif;\r\n background:var(--bg);\r\n color:white;\r\n touch-action:none;\r\n overscroll-behavior:none;\r\n}\r\n\r\n#game{\r\n touch-action:none;\r\n width:min(100vw,4247px);\r\n height:min(100vh,calc(min(100vw,4247px) * 9 \/ 16));\r\n max-width:4247px;\r\n max-height:2389px;\r\n aspect-ratio:16\/9;\r\n position:relative;\r\n overflow:hidden;\r\n background:linear-gradient(to bottom,#5d5a78,#373242);\r\n}\r\n\r\n\/* TOP UI *\/\r\n\r\n.top-ui{\r\n position:absolute;\r\n top:20px;\r\n left:20px;\r\n right:20px;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n z-index:100;\r\n}\r\n\r\n.timer-box,\r\n.counter-box{\r\n background:rgba(0,0,0,.35);\r\n border:2px solid var(--accent);\r\n color:white;\r\n padding:12px 22px;\r\n border-radius:999px;\r\n font-size:clamp(18px,2vw,32px);\r\n font-weight:800;\r\n box-shadow:0 0 18px rgba(8,199,201,.25);\r\n}\r\n\r\n\/* TITLE *\/\r\n\r\n.game-title{\r\n position:absolute;\r\n top:95px;\r\n width:100%;\r\n text-align:center;\r\n color:white;\r\n font-size:clamp(30px,4vw,58px);\r\n font-weight:900;\r\n z-index:50;\r\n text-transform:uppercase;\r\n}\r\n\r\n.game-title span{\r\n color:var(--accent);\r\n}\r\n\r\n\/* SUN *\/\r\n\r\n.sun{\r\n position:absolute;\r\n top:30px;\r\n right:240px;\r\n width:180px;\r\n z-index:2;\r\n pointer-events:none;\r\n}\r\n\r\n\/* PERSON *\/\r\n\r\n.person{\r\n position:absolute;\r\n bottom:2%;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:min(380px,18vw);\r\n z-index:5;\r\n pointer-events:none;\r\n}\r\n\r\n\/* CLOUD *\/\r\n\r\n.cloud{\r\n position:absolute;\r\n width:180px;\r\n z-index:20;\r\n cursor:grab;\r\n touch-action:none;\r\n}\r\n\r\n.cloud.dragging{\r\n cursor:grabbing;\r\n}\r\n\r\n#cloud1{\r\n left:15%;\r\n top:55%;\r\n}\r\n\r\n#cloud2{\r\n right:15%;\r\n top:55%;\r\n}\r\n\r\n\/* RAYS *\/\r\n\r\n.ray{\r\n position:absolute;\r\n width:16px;\r\n height:105px;\r\n will-change:left,top;\r\n border-radius:20px;\r\n background:linear-gradient(to bottom,#fff89a,#ffd000,#ff9d00);\r\n box-shadow:0 0 20px #ffd000;\r\n z-index:10;\r\n}\r\n\r\n\/* START + RESULT *\/\r\n\r\n#startScreen,\r\n#resultScreen{\r\n position:absolute;\r\n inset:0;\r\n width:100%;\r\n height:100%;\r\n background:#2e2937;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n align-items:center;\r\n text-align:center;\r\n color:white;\r\n padding:20px;\r\n z-index:999;\r\n}\r\n\r\n#resultScreen{\r\n display:none;\r\n}\r\n\r\n.main-title{\r\n font-size:clamp(42px,5vw,80px);\r\n color:var(--accent);\r\n font-weight:900;\r\n margin-bottom:25px;\r\n}\r\n\r\n.main-text{\r\n font-size:clamp(20px,2vw,32px);\r\n line-height:1.5;\r\n max-width:950px;\r\n font-weight:700;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.buttons{\r\n display:flex;\r\n gap:18px;\r\n flex-wrap:wrap;\r\n justify-content:center;\r\n margin-top:40px;\r\n}\r\n\r\nbutton,\r\n.home-btn{\r\n border:none;\r\n background:var(--accent);\r\n color:white;\r\n padding:18px 42px;\r\n border-radius:999px;\r\n font-size:clamp(18px,2vw,28px);\r\n cursor:pointer;\r\n font-weight:800;\r\n transition:.2s;\r\n text-decoration:none;\r\n}\r\n\r\nbutton:hover,\r\n.home-btn:hover{\r\n transform:scale(1.05);\r\n}\r\n\r\n.home-btn{\r\n background:#5f5f5f;\r\n}\r\n\r\n#resultImage{\r\n width:min(500px,70vw);\r\n max-height:42vh;\r\n object-fit:contain;\r\n margin:25px 0;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:768px){\r\n\r\n .sun{\r\n width:120px;\r\n right:10px;\r\n }\r\n\r\n .person{\r\n width:160px;\r\n }\r\n\r\n .cloud{\r\n width:120px;\r\n }\r\n\r\n .game-title{\r\n top:85px;\r\n padding:0 10px;\r\n }\r\n\r\n .top-ui{\r\n top:10px;\r\n left:10px;\r\n right:10px;\r\n }\r\n\r\n .buttons{\r\n flex-direction:column;\r\n width:100%;\r\n align-items:center;\r\n }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"game\">\r\n\r\n \r\n\r\n <div id=\"startScreen\">\r\n\r\n <div class=\"main-title\">\r\n \u0546\u054a\u0531\u054f\u0531\u053f\r\n <\/div>\r\n\r\n <div class=\"main-text\">\r\n <b>\u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0541\u0535\u0550 \u0544\u0531\u0547\u053f\u0546 \u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554\u053b\u0551\u0589 \u0533\u0548\u0550\u053e\u0535\u055b\u0554 \u0531\u0550\u0531\u0533 \u0535\u054e \u0543\u0547\u0533\u0550\u053b\u054f\u055d \u0540\u0531\u054e\u0531\u0554\u0535\u053c\u0548\u054e \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u0531\u0544\u054a\u0535\u0550\u0548\u054e\u0589 \u0548\u0552\u0547\u0531\u0534\u0550\u0548\u0552\u0539\u0545\u0548\u055b\u0552\u0546\u2024 \u053a\u0531\u0544\u0531\u0546\u0531\u053f\u053b \u0538\u0546\u0539\u0531\u0551\u0554\u0548\u0552\u0544 \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u054d\u053f\u054d\u0548\u0552\u0544 \u0535\u0546 \u0547\u0531\u0550\u053a\u054e\u0535\u053c \u0531\u054e\u0535\u053c\u053b \u0548\u0552 \u0531\u054e\u0535\u053c\u053b \u0531\u0550\u0531\u0533:\r\n\r\n\r\n\r\n <\/div>\r\n\r\n <div class=\"buttons\">\r\n\r\n <button id=\"startBtn\">\r\n \u054d\u053f\u054d\u0535\u053c\r\n <\/button>\r\n\r\n <a href=\"\/\" class=\"home-btn\">\r\n \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div id=\"resultScreen\">\r\n\r\n <div class=\"main-title\" id=\"resultTitle\"><\/div>\r\n\r\n <img decoding=\"async\"\r\n id=\"resultImage\"\r\n src=\"\"\r\n >\r\n\r\n <div class=\"main-text\" id=\"resultText\"><\/div>\r\n\r\n <div class=\"buttons\">\r\n \r\n <button onclick=\"location.reload()\">\r\n \u053f\u0550\u053f\u053b\u0546 \u053d\u0531\u0542\u0531\u053c\r\n <\/button>\r\n<a href=\"\/\" class=\"home-btn\">\r\n \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b\r\n <\/a>\r\n \r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"top-ui\">\r\n\r\n <div class=\"counter-box\">\r\n \u2600 \u0547\u0548\u0542\u0535\u0550\u055d\r\n <span id=\"score\">0\/90<\/span>\r\n <\/div>\r\n\r\n <div class=\"timer-box\">\r\n \u23f1\r\n <span id=\"time\">10<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n\r\n <div class=\"game-title\">\r\n \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0544\u0531\u0547\u053f\u0538 <br>\u0531\u0545\u0550\u054e\u0535\u053c\u0548\u0552\u0551\u0589\r\n <\/div>\r\n\r\n \r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/sun.png\"\r\n class=\"sun\"\r\n id=\"sun\"\r\n >\r\n\r\n \r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/cloud.png\"\r\n class=\"cloud\"\r\n id=\"cloud1\"\r\n >\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/cloud.png\"\r\n class=\"cloud\"\r\n id=\"cloud2\"\r\n >\r\n\r\n \r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/person.png\"\r\n class=\"person\"\r\n id=\"person\"\r\n >\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* DISABLE DOUBLE TAP ZOOM *\/\r\nlet lastTouchEnd = 0;\r\n\r\ndocument.addEventListener('touchend', function(e){\r\n const now = Date.now();\r\n if(now - lastTouchEnd <= 350){\r\n e.preventDefault();\r\n }\r\n lastTouchEnd = now;\r\n}, {passive:false});\r\n\r\ndocument.addEventListener('dblclick', e => e.preventDefault(), {passive:false});\r\ndocument.addEventListener('gesturestart', e => e.preventDefault());\r\ndocument.addEventListener('gesturechange', e => e.preventDefault());\r\ndocument.addEventListener('gestureend', e => e.preventDefault());\r\ndocument.addEventListener('contextmenu', e => e.preventDefault());\r\n\r\n\r\nconst game = document.getElementById('game');\r\n\r\nconst person = document.getElementById('person');\r\n\r\nconst cloud1 = document.getElementById('cloud1');\r\nconst cloud2 = document.getElementById('cloud2');\r\n\r\nconst scoreEl = document.getElementById('score');\r\nconst timeEl = document.getElementById('time');\r\n\r\nconst startScreen = document.getElementById('startScreen');\r\n\r\nconst resultScreen = document.getElementById('resultScreen');\r\nconst resultTitle = document.getElementById('resultTitle');\r\nconst resultText = document.getElementById('resultText');\r\nconst resultImage = document.getElementById('resultImage');\r\n\r\nconst startBtn = document.getElementById('startBtn');\r\n\r\nlet score = 0;\r\nconst TOTAL_RAYS = 90;\r\nlet burns = 0;\r\n\r\nlet gameRunning = false;\r\n\r\nlet rays = [];\r\n\r\nlet timeLeft = 10;\r\n\r\nlet raySpeed = 8;\r\n\r\nlet spawnRate = 280;\r\n\r\n\/* START *\/\r\n\r\nstartBtn.onclick = () => {\r\n\r\n score = 0;\r\n burns = 0;\r\n timeLeft = 10;\r\n raySpeed = 8;\r\n spawnRate = 280;\r\n scoreEl.innerText = '0\/' + TOTAL_RAYS;\r\n timeEl.innerText = timeLeft;\r\n\r\n startScreen.style.display = 'none';\r\n\r\n gameRunning = true;\r\n\r\n startTimer();\r\n\r\n spawnLoop();\r\n\r\n animate();\r\n};\r\n\r\n\/* TIMER *\/\r\n\r\nfunction startTimer(){\r\n\r\n const timer = setInterval(()=>{\r\n\r\n if(!gameRunning){\r\n clearInterval(timer);\r\n return;\r\n }\r\n\r\n timeLeft--;\r\n\r\n timeEl.innerText = timeLeft;\r\n\r\n if(timeLeft > 6){\r\n\r\n raySpeed = 8;\r\n spawnRate = 280;\r\n\r\n }else if(timeLeft > 3){\r\n\r\n raySpeed = 12;\r\n spawnRate = 170;\r\n\r\n }else{\r\n\r\n raySpeed = 16;\r\n spawnRate = 100;\r\n\r\n }\r\n\r\n if(timeLeft <= 0){\r\n\r\n endGame();\r\n }\r\n\r\n },1000);\r\n}\r\n\r\n\/* CREATE RAY *\/\r\n\r\nfunction createRay(){\r\n\r\n const ray = document.createElement('div');\r\n\r\n ray.className = 'ray';\r\n\r\n const gameRect = game.getBoundingClientRect();\r\n\r\n \/* \u0544\u053b\u0531\u0545\u0546 \u054e\u0535\u0550\u0535\u054e\u053b\u0551 *\/\r\n\r\n let startX =\r\n Math.random() * gameRect.width;\r\n\r\n let startY = -120;\r\n\r\n ray.style.left = startX + 'px';\r\n ray.style.top = startY + 'px';\r\n\r\n game.appendChild(ray);\r\n\r\n const personRect = person.getBoundingClientRect();\r\n\r\n const targetX =\r\n personRect.left +\r\n Math.random() * personRect.width -\r\n gameRect.left;\r\n\r\n const targetY =\r\n personRect.top +\r\n Math.random() * personRect.height * 0.6 -\r\n gameRect.top;\r\n\r\n const dx = targetX - startX;\r\n const dy = targetY - startY;\r\n\r\n const angle =\r\n Math.atan2(dy, dx) * 180 \/ Math.PI + 90;\r\n\r\n ray.style.transform = `rotate(${angle}deg)`;\r\n\r\n rays.push({\r\n el:ray,\r\n x:startX,\r\n y:startY,\r\n dx,\r\n dy\r\n });\r\n}\r\n\r\n\/* SPAWN LOOP *\/\r\n\r\nfunction spawnLoop(){\r\n\r\n if(!gameRunning) return;\r\n\r\n createRay();\r\n createRay();\r\n createRay();\r\n createRay();\r\n createRay();\r\n createRay();\r\n\r\n setTimeout(spawnLoop,spawnRate);\r\n}\r\n\r\n\/* ANIMATION *\/\r\n\r\nfunction animate(){\r\n\r\n if(!gameRunning) return;\r\n\r\n rays.forEach((ray,index)=>{\r\n\r\n const dist =\r\n Math.hypot(ray.dx,ray.dy);\r\n\r\n ray.x +=\r\n ray.dx\/dist * raySpeed;\r\n\r\n ray.y +=\r\n ray.dy\/dist * raySpeed;\r\n\r\n ray.el.style.left =\r\n ray.x + 'px';\r\n\r\n ray.el.style.top =\r\n ray.y + 'px';\r\n\r\n \/* CLOUD HIT *\/\r\n\r\n if(\r\n hit(ray.el,cloud1) ||\r\n hit(ray.el,cloud2)\r\n ){\r\n\r\n ray.el.remove();\r\n\r\n rays.splice(index,1);\r\n\r\n score++;\r\n\r\n scoreEl.innerText = score + '\/' + TOTAL_RAYS;\r\n\r\n if(score >= TOTAL_RAYS){\r\n endGame();\r\n }\r\n\r\n return;\r\n }\r\n\r\n \/* PERSON HIT *\/\r\n\r\n if(hit(ray.el,person)){\r\n\r\n ray.el.remove();\r\n\r\n rays.splice(index,1);\r\n\r\n burns++;\r\n\r\n if(burns >= 2){\r\n\r\n gameOverLose();\r\n }\r\n }\r\n\r\n });\r\n\r\n requestAnimationFrame(animate);\r\n}\r\n\r\n\/* COLLISION *\/\r\n\r\nfunction hit(a,b){\r\n\r\n const ar = a.getBoundingClientRect();\r\n const br = b.getBoundingClientRect();\r\n\r\n return !(\r\n ar.right < br.left ||\r\n ar.left > br.right ||\r\n ar.bottom < br.top ||\r\n ar.top > br.bottom\r\n );\r\n}\r\n\r\n\/* WIN *\/\r\n\r\nfunction endGame(){\r\n\r\n gameRunning = false;\r\n\r\n resultScreen.style.display = 'flex';\r\n\r\n if(score >= TOTAL_RAYS){\r\n\r\n resultTitle.innerText =\r\n '\u0540\u0531\u0542\u0539\u0531\u0546\u0531\u053f';\r\n\r\n resultText.innerHTML =\r\n `\u0547\u0546\u0548\u0550\u0540\u0531\u054e\u0548\u0550\u0548\u0552\u0544 \u0535\u0546\u0554, \u0534\u0548\u0552\u0554 \u0540\u0531\u054e\u0531\u0554\u0535\u0551\u053b\u0554 \u0532\u0548\u053c\u0548\u0550 \u0547\u0548\u0542\u0535\u0550\u0538 \u0535\u054e \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u0551\u053b\u0554 \u0544\u0531\u0550\u0534\u0548\u0552\u0546 \u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554\u053b\u0551\u0589 <br>\u053f\u0535\u0551\u0551\u0535\u055b\u0554:\r\n<br>\r\n \u0540\u0531\u054e\u0531\u0554\u0531\u053e \u0547\u0548\u0542\u0535\u0550\u055d <b>${score}\/${TOTAL_RAYS}<\/b>`;\r\n\r\n resultImage.src =\r\n 'https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/person.png';\r\n\r\n }else{\r\n\r\n resultTitle.innerText =\r\n '\u054a\u0531\u0550\u054f\u0548\u0552\u0539\u0545\u0548\u0552\u0546';\r\n\r\n resultText.innerHTML =\r\n `\u053a\u0531\u0544\u0531\u0546\u0531\u053f\u0538 \u054d\u054a\u0531\u054c\u054e\u0535\u0551\u0589 \u0540\u0531\u0542\u0539\u0535\u053c\u0548\u0552 \u0540\u0531\u0544\u0531\u0550 \u054a\u0535\u054f\u0554 \u0537 \u0540\u0531\u054e\u0531\u0554\u0535\u053c <b>${TOTAL_RAYS}<\/b> \u0547\u0548\u0542\u0589<br><br>\r\n \u0540\u0531\u054e\u0531\u0554\u0531\u053e \u0547\u0548\u0542\u0535\u0550\u055d <b>${score}\/${TOTAL_RAYS}<\/b>`;\r\n\r\n resultImage.src =\r\n 'https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/sunburn-loss.png';\r\n }\r\n}\r\n\r\n\/* LOSE *\/\r\n\r\nfunction gameOverLose(){\r\n\r\n gameRunning = false;\r\n\r\n resultScreen.style.display = 'flex';\r\n\r\n resultTitle.innerText =\r\n '\u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554';\r\n\r\n resultText.innerHTML =\r\n `\u0549\u0531\u0553\u0531\u0536\u0531\u0546\u0551 \u0547\u0531\u054f \u0547\u0548\u0542\u0535\u0550 \u0540\u0531\u054d\u0531\u0546 \u0544\u0531\u0550\u0534\u0548\u0552\u0546<br><br>\r\n \u0540\u0531\u054e\u0531\u0554\u0531\u053e \u0547\u0548\u0542\u0535\u0550\u055d <b>${score}\/${TOTAL_RAYS}<\/b>`;\r\n\r\n resultImage.src =\r\n 'https:\/\/curiousxgames.am\/wp-content\/uploads\/2026\/07\/sunburn-loss.png';\r\n}\r\n\r\n\/* DRAG CLOUDS *\/\r\n\r\nfunction dragCloud(cloud){\r\n\r\n let dragging = false;\r\n\r\n let offsetX = 0;\r\n let offsetY = 0;\r\n\r\n cloud.addEventListener('pointerdown',e=>{\r\n\r\n dragging = true;\r\n\r\n const rect = cloud.getBoundingClientRect();\r\n\r\n offsetX = e.clientX - rect.left;\r\n offsetY = e.clientY - rect.top;\r\n\r\n cloud.classList.add('dragging');\r\n\r\n if(cloud.setPointerCapture){\r\n cloud.setPointerCapture(e.pointerId);\r\n }\r\n\r\n e.preventDefault();\r\n });\r\n\r\n window.addEventListener('pointermove',e=>{\r\n\r\n if(!dragging) return;\r\n\r\n const gameRect = game.getBoundingClientRect();\r\n const cloudRect = cloud.getBoundingClientRect();\r\n\r\n let newLeft = e.clientX - offsetX - gameRect.left;\r\n let newTop = e.clientY - offsetY - gameRect.top;\r\n\r\n newLeft = Math.max(0, Math.min(newLeft, gameRect.width - cloudRect.width));\r\n newTop = Math.max(0, Math.min(newTop, gameRect.height - cloudRect.height));\r\n\r\n cloud.style.left = newLeft + 'px';\r\n cloud.style.top = newTop + 'px';\r\n\r\n e.preventDefault();\r\n });\r\n\r\n window.addEventListener('pointerup',()=>{\r\n\r\n dragging = false;\r\n\r\n cloud.classList.remove('dragging');\r\n });\r\n}\r\n\r\ndragCloud(cloud1);\r\ndragCloud(cloud2);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u054a\u0561\u0577\u057f\u057a\u0561\u0576\u056b\u0580 \u0574\u0561\u0577\u056f\u0568 \u0546\u054a\u0531\u054f\u0531\u053f \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0541\u0535\u0550 \u0544\u0531\u0547\u053f\u0546 \u0531\u0550\u0535\u054e\u0531\u0545\u0550\u0548\u0552\u0554\u053b\u0551\u0589 \u0533\u0548\u0550\u053e\u0535\u055b\u0554 \u0531\u0550\u0531\u0533 \u0535\u054e \u0543\u0547\u0533\u0550\u053b\u054f\u055d \u0540\u0531\u054e\u0531\u0554\u0535\u053c\u0548\u054e \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u0531\u0544\u054a\u0535\u0550\u0548\u054e\u0589 \u0548\u0552\u0547\u0531\u0534\u0550\u0548\u0552\u0539\u0545\u0548\u055b\u0552\u0546\u2024 \u053a\u0531\u0544\u0531\u0546\u0531\u053f\u053b \u0538\u0546\u0539\u0531\u0551\u0554\u0548\u0552\u0544 \u0531\u0550\u0535\u054e\u053b \u0543\u0531\u054c\u0531\u0533\u0531\u0545\u0539\u0546\u0535\u0550\u0538 \u054d\u053f\u054d\u0548\u0552\u0544 \u0535\u0546 \u0547\u0531\u0550\u053a\u054e\u0535\u053c \u0531\u054e\u0535\u053c\u053b \u0548\u0552 \u0531\u054e\u0535\u053c\u053b \u0531\u0550\u0531\u0533: \u054d\u053f\u054d\u0535\u053c \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b \u053f\u0550\u053f\u053b\u0546 \u053d\u0531\u0542\u0531\u053c \u0533\u053c\u053d\u0531\u054e\u0548\u0550 \u0537\u054b \u2600 \u0547\u0548\u0542\u0535\u0550\u055d 0\/90 \u23f1 10 \u054a\u0531\u0547\u054f\u054a\u0531\u0546\u0535\u055b\u0554 \u0544\u0531\u0547\u053f\u0538 \u0531\u0545\u0550\u054e\u0535\u053c\u0548\u0552\u0551\u0589<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=88"}],"version-history":[{"count":7,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":111,"href":"https:\/\/curiousxgames.am\/index.php?rest_route=\/wp\/v2\/pages\/88\/revisions\/111"}],"wp:attachment":[{"href":"https:\/\/curiousxgames.am\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}