{"id":186,"date":"2026-06-29T12:35:13","date_gmt":"2026-06-29T12:35:13","guid":{"rendered":"https:\/\/hellymag.com\/?page_id=186"},"modified":"2026-06-29T14:37:48","modified_gmt":"2026-06-29T14:37:48","slug":"elementor-186","status":"publish","type":"page","link":"https:\/\/hellymag.com\/tr\/elementor-186\/","title":{"rendered":"Helly Games\ud83c\udf80"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"186\" class=\"elementor elementor-186\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-ed6acba e-flex e-con-boxed e-con e-parent\" data-id=\"ed6acba\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div data-ka-cursor-size=\"1\" class=\"elementor-element elementor-element-3ee741e elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"3ee741e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;kng_cursor_interaction&quot;:&quot;default&quot;,&quot;kng_cursor_magnetic&quot;:&quot;none&quot;,&quot;kng_cursor_size_multiplier&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]}}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hm-game\">\r\n  <div class=\"hm-top\">\r\n    <div class=\"hm-logo\">\ud83d\udc30 \u2661 HELLYMAG \u2661<\/div>\r\n    <div class=\"hm-score\">SCORE: <span id=\"score\">0<\/span><\/div>\r\n    <div class=\"hm-hearts\">\ud83d\udc96 \ud83d\udc96 \ud83d\udc96<\/div>\r\n  <\/div>\r\n\r\n  <div id=\"gameArea\">\r\n    <div class=\"cloud cloud1\"><\/div>\r\n    <div class=\"cloud cloud2\"><\/div>\r\n    <div class=\"tree tree-left\"><\/div>\r\n    <div class=\"tree tree-right\"><\/div>\r\n    <div class=\"mountains\"><\/div>\r\n\r\n    <div id=\"bunny\" class=\"bunny happy\">\r\n      <div class=\"ear ear-left\"><\/div>\r\n      <div class=\"ear ear-right\"><\/div>\r\n      <div class=\"head\">\r\n        <span class=\"eye eye-left\"><\/span>\r\n        <span class=\"eye eye-right\"><\/span>\r\n        <span class=\"mouth\"><\/span>\r\n        <span class=\"cheek cheek-left\"><\/span>\r\n        <span class=\"cheek cheek-right\"><\/span>\r\n      <\/div>\r\n      <div class=\"body\"><\/div>\r\n      <div class=\"arm arm-left\"><\/div>\r\n      <div class=\"arm arm-right\"><\/div>\r\n      <div class=\"foot foot-left\"><\/div>\r\n      <div class=\"foot foot-right\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"hm-bottom\">MOVE THE BUNNY AND CATCH THE HELLYMAG HEARTS! \u2661<\/div>\r\n\r\n  <button id=\"playBtn\">PLAY<\/button>\r\n  <button id=\"resetBtn\">RESET<\/button>\r\n<\/div>\r\n\r\n<style>\r\n.hm-game{\r\n  max-width:1000px;\r\n  margin:40px auto;\r\n  padding:14px;\r\n  background:#ffc6dc;\r\n  border:6px solid #e85d96;\r\n  font-family:monospace;\r\n  box-shadow:0 20px 50px rgba(232,93,150,.35);\r\n}\r\n\r\n.hm-top{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr 1fr;\r\n  gap:12px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.hm-logo,.hm-score,.hm-hearts{\r\n  background:#fff5fa;\r\n  border:4px solid #e85d96;\r\n  padding:12px;\r\n  text-align:center;\r\n  font-weight:900;\r\n  font-size:22px;\r\n  color:#7b4038;\r\n}\r\n\r\n.hm-logo{color:#e85d96}\r\n\r\n#gameArea{\r\n  height:540px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  border:5px solid #e85d96;\r\n  background:linear-gradient(#ffc1dc 0%,#ffd8e8 45%,#fff0f6 68%,#97d96f 68%,#6fbd55 78%,#8b5a3c 78%);\r\n  cursor:none;\r\n}\r\n\r\n.cloud{\r\n  position:absolute;\r\n  width:120px;\r\n  height:32px;\r\n  background:white;\r\n  opacity:.85;\r\n  box-shadow:22px -16px white,55px -24px white,88px -8px white;\r\n}\r\n.cloud1{left:70px;top:90px}\r\n.cloud2{right:120px;top:80px;transform:scale(1.25)}\r\n\r\n.mountains{\r\n  position:absolute;\r\n  bottom:120px;\r\n  left:0;\r\n  width:100%;\r\n  height:150px;\r\n  background:linear-gradient(135deg,transparent 50%,#f6a8c8 50%) 0 0\/180px 150px repeat-x;\r\n  opacity:.45;\r\n}\r\n\r\n.tree{\r\n  position:absolute;\r\n  bottom:95px;\r\n  width:150px;\r\n  height:190px;\r\n}\r\n.tree:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  bottom:0;\r\n  left:62px;\r\n  width:30px;\r\n  height:95px;\r\n  background:#7a4a32;\r\n}\r\n.tree:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:150px;\r\n  height:120px;\r\n  border-radius:18px;\r\n}\r\n.tree-left{left:35px}\r\n.tree-left:after{\r\n  background:#ff8cbc;\r\n  box-shadow:35px -24px #ffabd0,70px 4px #ff6fae;\r\n}\r\n.tree-right{right:35px}\r\n.tree-right:after{\r\n  background:#7bd36a;\r\n  box-shadow:35px -24px #9be37f,70px 4px #61c75a;\r\n}\r\n\r\n.bunny{\r\n  position:absolute;\r\n  left:45%;\r\n  bottom:92px;\r\n  width:95px;\r\n  height:155px;\r\n  z-index:20;\r\n  transition:.08s linear;\r\n}\r\n\r\n.ear{\r\n  position:absolute;\r\n  top:0;\r\n  width:24px;\r\n  height:64px;\r\n  background:#fff;\r\n  border:5px solid #5b3936;\r\n  border-radius:18px 18px 8px 8px;\r\n}\r\n.ear:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:6px;\r\n  top:10px;\r\n  width:8px;\r\n  height:38px;\r\n  background:#ff9fbd;\r\n  border-radius:8px;\r\n}\r\n.ear-left{left:20px}\r\n.ear-right{right:18px}\r\n\r\n.head{\r\n  position:absolute;\r\n  top:45px;\r\n  left:8px;\r\n  width:78px;\r\n  height:70px;\r\n  background:#fff;\r\n  border:5px solid #5b3936;\r\n  border-radius:30px;\r\n}\r\n\r\n.eye{\r\n  position:absolute;\r\n  top:28px;\r\n  width:7px;\r\n  height:10px;\r\n  background:#3b2826;\r\n  border-radius:50%;\r\n}\r\n.eye-left{left:22px}\r\n.eye-right{right:22px}\r\n\r\n.mouth{\r\n  position:absolute;\r\n  left:34px;\r\n  top:41px;\r\n  width:12px;\r\n  height:8px;\r\n  border-bottom:4px solid #3b2826;\r\n  border-radius:0 0 12px 12px;\r\n}\r\n\r\n.cheek{\r\n  position:absolute;\r\n  top:38px;\r\n  width:12px;\r\n  height:8px;\r\n  background:#ffadc4;\r\n  border-radius:50%;\r\n}\r\n.cheek-left{left:8px}\r\n.cheek-right{right:8px}\r\n\r\n.body{\r\n  position:absolute;\r\n  top:104px;\r\n  left:20px;\r\n  width:55px;\r\n  height:55px;\r\n  background:#fff;\r\n  border:5px solid #5b3936;\r\n  border-radius:28px;\r\n}\r\n\r\n.arm,.foot{\r\n  position:absolute;\r\n  background:#fff;\r\n  border:4px solid #5b3936;\r\n}\r\n.arm{\r\n  top:112px;\r\n  width:20px;\r\n  height:35px;\r\n  border-radius:18px;\r\n}\r\n.arm-left{left:5px;transform:rotate(25deg)}\r\n.arm-right{right:5px;transform:rotate(-25deg)}\r\n.foot{\r\n  bottom:0;\r\n  width:28px;\r\n  height:18px;\r\n  border-radius:18px;\r\n}\r\n.foot-left{left:18px}\r\n.foot-right{right:18px}\r\n\r\n.bunny.happy{\r\n  animation:bunnyHop .45s infinite alternate;\r\n}\r\n\r\n.bunny.sad .mouth{\r\n  border-bottom:none;\r\n  border-top:4px solid #3b2826;\r\n  top:46px;\r\n}\r\n.bunny.sad:after{\r\n  content:\"\ud83d\udca7\";\r\n  position:absolute;\r\n  right:8px;\r\n  top:70px;\r\n  font-size:18px;\r\n}\r\n\r\n.hm-heart{\r\n  position:absolute;\r\n  width:105px;\r\n  height:90px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:white;\r\n  font-size:13px;\r\n  font-weight:900;\r\n  text-shadow:2px 2px rgba(0,0,0,.25);\r\n  animation:fall linear forwards;\r\n  z-index:15;\r\n}\r\n.hm-heart:before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:var(--c);\r\n  clip-path:polygon(50% 90%,10% 55%,4% 30%,15% 10%,35% 5%,50% 22%,65% 5%,85% 10%,96% 30%,90% 55%);\r\n  z-index:-1;\r\n  box-shadow:6px 6px rgba(0,0,0,.15);\r\n}\r\n\r\n.pop{\r\n  position:absolute;\r\n  font-size:24px;\r\n  color:#e85d96;\r\n  font-weight:900;\r\n  animation:pop .7s forwards;\r\n  z-index:50;\r\n}\r\n\r\n.hm-bottom{\r\n  margin-top:12px;\r\n  background:#fff5fa;\r\n  border:4px solid #e85d96;\r\n  padding:14px;\r\n  text-align:center;\r\n  color:#e85d96;\r\n  font-weight:900;\r\n  font-size:18px;\r\n}\r\n\r\n#playBtn,#resetBtn{\r\n  margin-top:14px;\r\n  padding:12px 28px;\r\n  border:4px solid #e85d96;\r\n  background:#fff5fa;\r\n  color:#e85d96;\r\n  font-weight:900;\r\n  cursor:pointer;\r\n  font-family:monospace;\r\n}\r\n\r\n#playBtn:hover,#resetBtn:hover{\r\n  background:#e85d96;\r\n  color:white;\r\n}\r\n\r\n@keyframes fall{\r\n  from{transform:translateY(-120px)}\r\n  to{transform:translateY(700px)}\r\n}\r\n@keyframes pop{\r\n  from{opacity:1;transform:translateY(0) scale(1)}\r\n  to{opacity:0;transform:translateY(-35px) scale(1.5)}\r\n}\r\n@keyframes bunnyHop{\r\n  from{transform:translateY(0)}\r\n  to{transform:translateY(-8px)}\r\n}\r\n\r\n@media(max-width:700px){\r\n  .hm-top{grid-template-columns:1fr}\r\n  #gameArea{height:430px}\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const area=document.getElementById(\"gameArea\");\r\n  const bunny=document.getElementById(\"bunny\");\r\n  const scoreEl=document.getElementById(\"score\");\r\n  const play=document.getElementById(\"playBtn\");\r\n  const reset=document.getElementById(\"resetBtn\");\r\n\r\n  let score=0, playing=false, spawnTimer, checkTimer, audioCtx;\r\n  const colors=[\"#ff5fa2\",\"#ffb02e\",\"#8b5cff\",\"#4aa3ff\",\"#55d6a7\",\"#ff7f7f\"];\r\n\r\n  function sound(){\r\n    audioCtx=audioCtx||new (window.AudioContext||window.webkitAudioContext)();\r\n    const osc=audioCtx.createOscillator();\r\n    const gain=audioCtx.createGain();\r\n    osc.type=\"triangle\";\r\n    osc.frequency.setValueAtTime(700,audioCtx.currentTime);\r\n    osc.frequency.exponentialRampToValueAtTime(1300,audioCtx.currentTime+.12);\r\n    gain.gain.setValueAtTime(.08,audioCtx.currentTime);\r\n    gain.gain.exponentialRampToValueAtTime(.001,audioCtx.currentTime+.2);\r\n    osc.connect(gain);\r\n    gain.connect(audioCtx.destination);\r\n    osc.start();\r\n    osc.stop(audioCtx.currentTime+.2);\r\n  }\r\n\r\n  function move(x){\r\n    const r=area.getBoundingClientRect();\r\n    const pos=x-r.left;\r\n    bunny.style.left=Math.max(30,Math.min(r.width-110,pos-45))+\"px\";\r\n  }\r\n\r\n  area.addEventListener(\"mousemove\",e=>move(e.clientX));\r\n  area.addEventListener(\"touchmove\",e=>{\r\n    e.preventDefault();\r\n    move(e.touches[0].clientX);\r\n  },{passive:false});\r\n\r\n  function spawnHeart(){\r\n    if(!playing)return;\r\n    const h=document.createElement(\"div\");\r\n    h.className=\"hm-heart\";\r\n    h.textContent=\"HellyMag\";\r\n    h.style.setProperty(\"--c\",colors[Math.floor(Math.random()*colors.length)]);\r\n    h.style.left=Math.random()*(area.clientWidth-120)+\"px\";\r\n    h.style.top=\"-100px\";\r\n    h.style.animationDuration=(3+Math.random()*1.4)+\"s\";\r\n    area.appendChild(h);\r\n\r\n    setTimeout(()=>{\r\n      if(h.parentNode){\r\n        bunny.classList.remove(\"happy\");\r\n        bunny.classList.add(\"sad\");\r\n        setTimeout(()=>{\r\n          bunny.classList.remove(\"sad\");\r\n          bunny.classList.add(\"happy\");\r\n        },600);\r\n        h.remove();\r\n      }\r\n    },4300);\r\n  }\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc30 \u2661 HELLYMAG \u2661 SCORE: 0 \ud83d\udc96 \ud83d\udc96 \ud83d\udc96 MOVE THE BUNNY AND CATCH THE HELLYMAG HEARTS! \u2661 PLAY RESET (function(){ const area=document.getElementById(&#8220;gameArea&#8221;); const bunny=document.getElementById(&#8220;bunny&#8221;); const scoreEl=document.getElementById(&#8220;score&#8221;); const play=document.getElementById(&#8220;playBtn&#8221;); const reset=document.getElementById(&#8220;resetBtn&#8221;); let score=0, playing=false, spawnTimer, checkTimer, audioCtx; const colors=[&#8220;#ff5fa2&#8243;,&#8221;#ffb02e&#8221;,&#8221;#8b5cff&#8221;,&#8221;#4aa3ff&#8221;,&#8221;#55d6a7&#8243;,&#8221;#ff7f7f&#8221;]; function sound(){ audioCtx=audioCtx||new (window.AudioContext||window.webkitAudioContext)(); const osc=audioCtx.createOscillator(); const gain=audioCtx.createGain(); osc.type=&#8221;triangle&#8221;; osc.frequency.setValueAtTime(700,audioCtx.currentTime); osc.frequency.exponentialRampToValueAtTime(1300,audioCtx.currentTime+.12); gain.gain.setValueAtTime(.08,audioCtx.currentTime); gain.gain.exponentialRampToValueAtTime(.001,audioCtx.currentTime+.2); osc.connect(gain); gain.connect(audioCtx.destination); osc.start(); [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-186","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/pages\/186","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/comments?post=186"}],"version-history":[{"count":25,"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/pages\/186\/revisions"}],"predecessor-version":[{"id":215,"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/pages\/186\/revisions\/215"}],"wp:attachment":[{"href":"https:\/\/hellymag.com\/tr\/wp-json\/wp\/v2\/media?parent=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}