{"id":180,"date":"2026-02-12T19:59:09","date_gmt":"2026-02-12T19:59:09","guid":{"rendered":"https:\/\/hercodelegacy.com\/?page_id=180"},"modified":"2026-02-12T19:59:09","modified_gmt":"2026-02-12T19:59:09","slug":"play-game","status":"publish","type":"page","link":"https:\/\/hercodelegacy.com\/?page_id=180","title":{"rendered":"Play Game"},"content":{"rendered":"\n\n\n<!-- Kids Tap Game Embedded for WordPress - Full Width & Centered -->\n<div id=\"game-wrapper\">\n  <div id=\"prompt\">Click the correct shape!<\/div>\n  <div id=\"scoreboard\">Score: 0<\/div>\n  <div id=\"level\">Level: 1<\/div>\n  <div id=\"timer\">Time: 30<\/div>\n  <div id=\"game-container\"><\/div>\n  <button id=\"replay-btn\">Play Again<\/button>\n<\/div>\n\n<style>\n\/* Wrapper centers everything vertically & horizontally *\/\n#game-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 80vh; \/* vertical centering *\/\n  text-align: center;\n  padding: 20px;\n  box-sizing: border-box;\n}\n\n\/* Page background & font *\/\nbody {\n  background: #1e1e1e;\n  font-family: sans-serif;\n  color: #fff;\n  margin: 0;\n}\n\n\/* Game elements *\/\n#prompt {\n  font-size: 22px;\n  margin-bottom: 10px;\n}\n\n#scoreboard, #timer, #level {\n  font-size: 20px;\n  margin-bottom: 10px;\n}\n\n\/* Game container full-width responsive *\/\n#game-container {\n  position: relative;\n  width: 100%;         \/* stretches to block width *\/\n  max-width: 600px;    \/* optional max width *\/\n  height: 320px;       \/* keeps game playable *\/\n  border: 2px solid #fff;\n  background: #2a2a2a;\n  margin-bottom: 20px;\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n\/* Shapes scaling with viewport *\/\n.shape {\n  width: calc(50px + 1vw);   \n  height: calc(50px + 1vw);\n  border-radius: 50%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(26px + 0.5vw);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n#replay-btn {\n  padding: 10px 20px;\n  font-size: 18px;\n  background: #800080;\n  color: #fff;\n  border: none;\n  cursor: pointer;\n  border-radius: 6px;\n  display: none;\n}\n\n#replay-btn:hover {\n  background: #d63384;\n}\n<\/style>\n\n<script>\nconst container = document.getElementById('game-container');\nconst scoreEl = document.getElementById('scoreboard');\nconst timerEl = document.getElementById('timer');\nconst levelEl = document.getElementById('level');\nconst replayBtn = document.getElementById('replay-btn');\nconst promptEl = document.getElementById('prompt');\n\nlet score = 0;\nlet time = 30;\nlet level = 1;\nlet timerInterval;\nlet animateInterval;\nlet shapes = [];\nlet shapesCount = 5; \nlet animateSpeed = 1000; \n\nconst colors = ['#FFFFFF', '#800080', '#d63384'];\nconst colorNames = ['white', 'purple', 'dark pink'];\nconst emojis = ['\u2b50', '\ud83d\udc8e', '\ud83d\udd25'];\n\nfunction randInt(min, max) {\n  return Math.floor(Math.random() * (max - min + 1)) + min;\n}\n\nfunction randomPosition() {\n  const x = randInt(0, container.offsetWidth - 50);\n  const y = randInt(0, container.offsetHeight - 50);\n  return { x, y };\n}\n\nfunction createShape(isTarget, targetColor = null) {\n  const shape = document.createElement('div');\n  shape.classList.add('shape');\n  const pos = randomPosition();\n  shape.style.left = pos.x + 'px';\n  shape.style.top = pos.y + 'px';\n  shape.style.background = isTarget ? targetColor : colors[randInt(0, colors.length - 1)];\n  shape.textContent = emojis[randInt(0, emojis.length - 1)];\n  shape.dataset.target = isTarget ? \"true\" : \"false\";\n\n  shape.addEventListener('click', () => {\n    if (shape.dataset.target === \"true\") {\n      score++;\n      scoreEl.textContent = 'Score: ' + score;\n      scoreEl.style.color = 'lime';\n      setTimeout(() => scoreEl.style.color = '#fff', 200);\n\n      time += 2;\n      timerEl.textContent = 'Time: ' + time;\n\n      if (score % 5 === 0) {\n        level++;\n        levelEl.textContent = 'Level: ' + level;\n        shapesCount++; \n        animateSpeed = Math.max(300, animateSpeed - 100);\n        clearInterval(animateInterval);\n        animateInterval = setInterval(animateShapes, animateSpeed);\n      }\n\n      spawnShapes();\n    } else {\n      score = Math.max(0, score - 1);\n      scoreEl.textContent = 'Score: ' + score;\n      scoreEl.style.color = 'red';\n      setTimeout(() => scoreEl.style.color = '#fff', 200);\n    }\n  });\n\n  container.appendChild(shape);\n  shapes.push(shape);\n}\n\nfunction getRandomTargetPrompt() {\n  const index = randInt(0, colors.length - 1);\n  return { color: colors[index], name: colorNames[index] };\n}\n\nfunction spawnShapes() {\n  container.innerHTML = '';\n  shapes = [];\n  const target = getRandomTargetPrompt();\n  promptEl.textContent = `Click the ${target.name} shape!`;\n\n  createShape(true, target.color);\n\n  for (let i = 1; i < shapesCount; i++) createShape(false);\n}\n\nfunction animateShapes() {\n  shapes.forEach(shape => {\n    const newPos = randomPosition();\n    shape.style.transition = 'all 0.8s linear';\n    shape.style.left = newPos.x + 'px';\n    shape.style.top = newPos.y + 'px';\n  });\n}\n\nfunction startGame() {\n  score = 0;\n  time = 30;\n  level = 1;\n  shapesCount = 5;\n  animateSpeed = 1000;\n\n  scoreEl.textContent = 'Score: ' + score;\n  timerEl.textContent = 'Time: ' + time;\n  levelEl.textContent = 'Level: ' + level;\n  replayBtn.style.display = 'none';\n\n  spawnShapes();\n\n  timerInterval = setInterval(() => {\n    time--;\n    timerEl.textContent = 'Time: ' + time;\n    if (time <= 0) endGame();\n  }, 1000);\n\n  animateInterval = setInterval(animateShapes, animateSpeed);\n}\n\nfunction endGame() {\n  clearInterval(timerInterval);\n  clearInterval(animateInterval);\n  container.innerHTML = '';\n  promptEl.textContent = `Time's up! Your score: ${score} (Level ${level})`;\n  replayBtn.style.display = 'inline-block';\n}\n\nreplayBtn.addEventListener('click', startGame);\nstartGame();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Click the correct shape! Score: 0 Level: 1 Time: 30 Play Again<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-180","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Play Game - HerCode LLC<\/title>\n<meta name=\"description\" content=\"Enjoy the Kids Tap Game! Click the correct shapes, earn points, and level up in this fun and colorful game designed for children. Play online now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hercodelegacy.com\/?page_id=180\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Play Game - HerCode LLC\" \/>\n<meta property=\"og:description\" content=\"Enjoy the Kids Tap Game! Click the correct shapes, earn points, and level up in this fun and colorful game designed for children. Play online now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hercodelegacy.com\/?page_id=180\" \/>\n<meta property=\"og:site_name\" content=\"HerCode LLC\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hercodelegacy.com\/?page_id=180\",\"url\":\"https:\/\/hercodelegacy.com\/?page_id=180\",\"name\":\"Play Game - HerCode LLC\",\"isPartOf\":{\"@id\":\"http:\/\/hercodelegacy.com\/#website\"},\"datePublished\":\"2026-02-12T19:59:09+00:00\",\"description\":\"Enjoy the Kids Tap Game! Click the correct shapes, earn points, and level up in this fun and colorful game designed for children. Play online now!\",\"breadcrumb\":{\"@id\":\"https:\/\/hercodelegacy.com\/?page_id=180#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hercodelegacy.com\/?page_id=180\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hercodelegacy.com\/?page_id=180#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hercodelegacy.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Play Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/hercodelegacy.com\/#website\",\"url\":\"http:\/\/hercodelegacy.com\/\",\"name\":\"HerCode LLC\",\"description\":\"Building Your Vision, One Code At A Time.\",\"publisher\":{\"@id\":\"http:\/\/hercodelegacy.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/hercodelegacy.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/hercodelegacy.com\/#organization\",\"name\":\"HerCode LLC\",\"url\":\"http:\/\/hercodelegacy.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/hercodelegacy.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hercodelegacy.com\/wp-content\/uploads\/2025\/12\/cropped-IMG_1415-1.jpeg\",\"contentUrl\":\"https:\/\/hercodelegacy.com\/wp-content\/uploads\/2025\/12\/cropped-IMG_1415-1.jpeg\",\"width\":799,\"height\":227,\"caption\":\"HerCode LLC\"},\"image\":{\"@id\":\"http:\/\/hercodelegacy.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Play Game - HerCode LLC","description":"Enjoy the Kids Tap Game! Click the correct shapes, earn points, and level up in this fun and colorful game designed for children. Play online now!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hercodelegacy.com\/?page_id=180","og_locale":"en_US","og_type":"article","og_title":"Play Game - HerCode LLC","og_description":"Enjoy the Kids Tap Game! Click the correct shapes, earn points, and level up in this fun and colorful game designed for children. Play online now!","og_url":"https:\/\/hercodelegacy.com\/?page_id=180","og_site_name":"HerCode LLC","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hercodelegacy.com\/?page_id=180","url":"https:\/\/hercodelegacy.com\/?page_id=180","name":"Play Game - HerCode LLC","isPartOf":{"@id":"http:\/\/hercodelegacy.com\/#website"},"datePublished":"2026-02-12T19:59:09+00:00","description":"Enjoy the Kids Tap Game! Click the correct shapes, earn points, and level up in this fun and colorful game designed for children. Play online now!","breadcrumb":{"@id":"https:\/\/hercodelegacy.com\/?page_id=180#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hercodelegacy.com\/?page_id=180"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hercodelegacy.com\/?page_id=180#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hercodelegacy.com\/"},{"@type":"ListItem","position":2,"name":"Play Game"}]},{"@type":"WebSite","@id":"http:\/\/hercodelegacy.com\/#website","url":"http:\/\/hercodelegacy.com\/","name":"HerCode LLC","description":"Building Your Vision, One Code At A Time.","publisher":{"@id":"http:\/\/hercodelegacy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/hercodelegacy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/hercodelegacy.com\/#organization","name":"HerCode LLC","url":"http:\/\/hercodelegacy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/hercodelegacy.com\/#\/schema\/logo\/image\/","url":"https:\/\/hercodelegacy.com\/wp-content\/uploads\/2025\/12\/cropped-IMG_1415-1.jpeg","contentUrl":"https:\/\/hercodelegacy.com\/wp-content\/uploads\/2025\/12\/cropped-IMG_1415-1.jpeg","width":799,"height":227,"caption":"HerCode LLC"},"image":{"@id":"http:\/\/hercodelegacy.com\/#\/schema\/logo\/image\/"}}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=\/wp\/v2\/pages\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=180"}],"version-history":[{"count":4,"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=\/wp\/v2\/pages\/180\/revisions\/184"}],"wp:attachment":[{"href":"https:\/\/hercodelegacy.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}