Putt Putt Golf Game<\/title>\n <style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n overflow: hidden;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(#4caf50, #81c784);\n }\n\n canvas {\n display: block;\n background: #b2dfdb;\n margin: 40px auto;\n border: 4px solid #333;\n border-radius: 10px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n }\n\n #strokeCount {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 26px;\n font-weight: bold;\n color: #fff;\n background: rgba(0, 0, 0, 0.6);\n padding: 8px 20px;\n border-radius: 12px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.5);\n text-shadow: 1px 1px 2px #000;\n z-index: 10;\n }\n\n #restartButton {\n position: absolute;\n top: 70px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 18px;\n padding: 10px 20px;\n border: none;\n background: #e53935;\n color: white;\n border-radius: 8px;\n cursor: pointer;\n font-weight: bold;\n box-shadow: 0 2px 6px rgba(0,0,0,0.4);\n }\n\n #restartButton:hover {\n background: #d32f2f;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"strokeCount\">Strokes: 0<\/div>\n <button id=\"restartButton\">Restart Game<\/button>\n <canvas id=\"gameCanvas\" width=\"800\" height=\"600\"><\/canvas>\n <script>\n const canvas = document.getElementById('gameCanvas');\n const ctx = canvas.getContext('2d');\n\n const initialBall = {\n x: 100,\n y: 300,\n radius: 10,\n dx: 0,\n dy: 0,\n inHole: false\n };\n\n let ball = { ...initialBall };\n\n const hole = {\n x: 700,\n y: 300,\n radius: 15\n };\n\n const obstacle = {\n x: 400,\n y: 250,\n width: 40,\n height: 100\n };\n\n const friction = 0.98;\n const minSpeed = 0.1;\n let isDragging = false;\n let startX = 0;\n let startY = 0;\n let strokeCount = 0;\n\n function resetGame() {\n ball = { ...initialBall };\n strokeCount = 0;\n document.getElementById('strokeCount').innerText = `Strokes: 0`;\n }\n\n document.getElementById('restartButton').addEventListener('click', resetGame);\n\n function drawCourse() {\n ctx.fillStyle = '#81c784';\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n \/\/ Draw hole\n ctx.beginPath();\n ctx.arc(hole.x, hole.y, hole.radius, 0, Math.PI * 2);\n ctx.fillStyle = '#222';\n ctx.fill();\n ctx.closePath();\n\n \/\/ Draw obstacle\n ctx.fillStyle = '#6d4c41';\n ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);\n\n \/\/ Draw ball\n ctx.beginPath();\n ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);\n ctx.fillStyle = 'white';\n ctx.fill();\n ctx.strokeStyle = '#333';\n ctx.lineWidth = 2;\n ctx.stroke();\n ctx.closePath();\n\n \/\/ Draw drag line\n if (isDragging) {\n ctx.beginPath();\n ctx.moveTo(ball.x, ball.y);\n ctx.lineTo(startX, startY);\n ctx.strokeStyle = '#e53935';\n ctx.lineWidth = 2;\n ctx.setLineDash([5, 5]);\n ctx.stroke();\n ctx.setLineDash([]);\n ctx.closePath();\n }\n }\n\n function updateBall() {\n ball.x += ball.dx;\n ball.y += ball.dy;\n\n ball.dx *= friction;\n ball.dy *= friction;\n\n if (Math.abs(ball.dx) < minSpeed) ball.dx = 0;\n if (Math.abs(ball.dy) < minSpeed) ball.dy = 0;\n\n \/\/ Wall collisions\n if (ball.x - ball.radius < 0) {\n ball.x = ball.radius;\n ball.dx *= -1;\n }\n if (ball.x + ball.radius > canvas.width) {\n ball.x = canvas.width - ball.radius;\n ball.dx *= -1;\n }\n if (ball.y - ball.radius < 0) {\n ball.y = ball.radius;\n ball.dy *= -1;\n }\n if (ball.y + ball.radius > canvas.height) {\n ball.y = canvas.height - ball.radius;\n ball.dy *= -1;\n }\n\n \/\/ Obstacle collision\n if (\n ball.x + ball.radius > obstacle.x &&\n ball.x - ball.radius < obstacle.x + obstacle.width &&\n ball.y + ball.radius > obstacle.y &&\n ball.y - ball.radius < obstacle.y + obstacle.height\n ) {\n \/\/ Basic bounce logic\n const prevX = ball.x - ball.dx;\n const prevY = ball.y - ball.dy;\n\n if (\n prevX + ball.radius <= obstacle.x ||\n prevX - ball.radius >= obstacle.x + obstacle.width\n ) {\n ball.dx *= -1; \/\/ hit left or right\n } else {\n ball.dy *= -1; \/\/ hit top or bottom\n }\n }\n\n \/\/ Check for hole\n const dist = Math.hypot(ball.x - hole.x, ball.y - hole.y);\n if (dist < hole.radius - ball.radius) {\n ball.dx = 0;\n ball.dy = 0;\n ball.inHole = true;\n }\n }\n\n function gameLoop() {\n drawCourse();\n if (!ball.inHole) updateBall();\n requestAnimationFrame(gameLoop);\n }\n\n canvas.addEventListener('mousedown', (e) => {\n const rect = canvas.getBoundingClientRect();\n const mouseX = e.clientX - rect.left;\n const mouseY = e.clientY - rect.top;\n\n const dx = mouseX - ball.x;\n const dy = mouseY - ball.y;\n\n if (Math.hypot(dx, dy) < ball.radius + 10 && ball.dx === 0 && ball.dy === 0 && !ball.inHole) {\n isDragging = true;\n startX = mouseX;\n startY = mouseY;\n }\n });\n\n canvas.addEventListener('mousemove', (e) => {\n if (isDragging) {\n const rect = canvas.getBoundingClientRect();\n startX = e.clientX - rect.left;\n startY = e.clientY - rect.top;\n }\n });\n\n canvas.addEventListener('mouseup', (e) => {\n if (isDragging) {\n const powerX = ball.x - startX;\n const powerY = ball.y - startY;\n\n ball.dx = powerX \/ 10;\n ball.dy = powerY \/ 10;\n strokeCount++;\n document.getElementById('strokeCount').innerText = `Strokes: ${strokeCount}`;\n }\n isDragging = false;\n });\n\n gameLoop();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Putt Putt Golf Game Strokes: 0 Restart Game<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Putt Putt Hole Game - Mississippi Putt Putt Golf<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Putt Putt Hole Game - Mississippi Putt Putt Golf\" \/>\n<meta property=\"og:description\" content=\"Putt Putt Golf Game Strokes: 0 Restart Game\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Mississippi Putt Putt Golf\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-03T18:48:03+00:00\" \/>\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:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/\",\"name\":\"Putt Putt Hole Game - Mississippi Putt Putt Golf\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#website\"},\"datePublished\":\"2025-07-03T18:48:01+00:00\",\"dateModified\":\"2025-07-03T18:48:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Putt Putt Hole Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#website\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/\",\"name\":\"Mississippi Putt Putt Golf\",\"description\":\"Experience wholesome fun at Mississippi Putt Putt Golf! Enjoy 18 holes of faith-inspired mini-golf with family-friendly themes, Scripture, and community events.\",\"publisher\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#organization\",\"name\":\"Mississippi Putt Putt Golf\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/God-bless-our-work.png\",\"contentUrl\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/God-bless-our-work.png\",\"width\":1427,\"height\":538,\"caption\":\"Mississippi Putt Putt Golf\"},\"image\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Putt Putt Hole Game - Mississippi Putt Putt Golf","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:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","og_locale":"en_US","og_type":"article","og_title":"Putt Putt Hole Game - Mississippi Putt Putt Golf","og_description":"Putt Putt Golf Game Strokes: 0 Restart Game","og_url":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","og_site_name":"Mississippi Putt Putt Golf","article_modified_time":"2025-07-03T18:48:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","url":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","name":"Putt Putt Hole Game - Mississippi Putt Putt Golf","isPartOf":{"@id":"https:\/\/alargefamily.com\/itap\/#website"},"datePublished":"2025-07-03T18:48:01+00:00","dateModified":"2025-07-03T18:48:03+00:00","breadcrumb":{"@id":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alargefamily.com\/itap\/"},{"@type":"ListItem","position":2,"name":"Putt Putt Hole Game"}]},{"@type":"WebSite","@id":"https:\/\/alargefamily.com\/itap\/#website","url":"https:\/\/alargefamily.com\/itap\/","name":"Mississippi Putt Putt Golf","description":"Experience wholesome fun at Mississippi Putt Putt Golf! Enjoy 18 holes of faith-inspired mini-golf with family-friendly themes, Scripture, and community events.","publisher":{"@id":"https:\/\/alargefamily.com\/itap\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alargefamily.com\/itap\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alargefamily.com\/itap\/#organization","name":"Mississippi Putt Putt Golf","url":"https:\/\/alargefamily.com\/itap\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alargefamily.com\/itap\/#\/schema\/logo\/image\/","url":"https:\/\/alargefamily.com\/itap\/wp-content\/uploads\/2025\/07\/God-bless-our-work.png","contentUrl":"https:\/\/alargefamily.com\/itap\/wp-content\/uploads\/2025\/07\/God-bless-our-work.png","width":1427,"height":538,"caption":"Mississippi Putt Putt Golf"},"image":{"@id":"https:\/\/alargefamily.com\/itap\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":1,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages\/221\/revisions\/222"}],"wp:attachment":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":221,"date":"2025-07-03T18:48:01","date_gmt":"2025-07-03T18:48:01","guid":{"rendered":"https:\/\/alargefamily.com\/itap\/?page_id=221"},"modified":"2025-07-03T18:48:03","modified_gmt":"2025-07-03T18:48:03","slug":"putt-putt-hole-game","status":"publish","type":"page","link":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","title":{"rendered":"Putt Putt Hole Game"},"content":{"rendered":"\n\n\n\n \n Putt Putt Golf Game<\/title>\n <style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n overflow: hidden;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(#4caf50, #81c784);\n }\n\n canvas {\n display: block;\n background: #b2dfdb;\n margin: 40px auto;\n border: 4px solid #333;\n border-radius: 10px;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);\n }\n\n #strokeCount {\n position: absolute;\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 26px;\n font-weight: bold;\n color: #fff;\n background: rgba(0, 0, 0, 0.6);\n padding: 8px 20px;\n border-radius: 12px;\n box-shadow: 0 2px 6px rgba(0,0,0,0.5);\n text-shadow: 1px 1px 2px #000;\n z-index: 10;\n }\n\n #restartButton {\n position: absolute;\n top: 70px;\n left: 50%;\n transform: translateX(-50%);\n font-size: 18px;\n padding: 10px 20px;\n border: none;\n background: #e53935;\n color: white;\n border-radius: 8px;\n cursor: pointer;\n font-weight: bold;\n box-shadow: 0 2px 6px rgba(0,0,0,0.4);\n }\n\n #restartButton:hover {\n background: #d32f2f;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"strokeCount\">Strokes: 0<\/div>\n <button id=\"restartButton\">Restart Game<\/button>\n <canvas id=\"gameCanvas\" width=\"800\" height=\"600\"><\/canvas>\n <script>\n const canvas = document.getElementById('gameCanvas');\n const ctx = canvas.getContext('2d');\n\n const initialBall = {\n x: 100,\n y: 300,\n radius: 10,\n dx: 0,\n dy: 0,\n inHole: false\n };\n\n let ball = { ...initialBall };\n\n const hole = {\n x: 700,\n y: 300,\n radius: 15\n };\n\n const obstacle = {\n x: 400,\n y: 250,\n width: 40,\n height: 100\n };\n\n const friction = 0.98;\n const minSpeed = 0.1;\n let isDragging = false;\n let startX = 0;\n let startY = 0;\n let strokeCount = 0;\n\n function resetGame() {\n ball = { ...initialBall };\n strokeCount = 0;\n document.getElementById('strokeCount').innerText = `Strokes: 0`;\n }\n\n document.getElementById('restartButton').addEventListener('click', resetGame);\n\n function drawCourse() {\n ctx.fillStyle = '#81c784';\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n\n \/\/ Draw hole\n ctx.beginPath();\n ctx.arc(hole.x, hole.y, hole.radius, 0, Math.PI * 2);\n ctx.fillStyle = '#222';\n ctx.fill();\n ctx.closePath();\n\n \/\/ Draw obstacle\n ctx.fillStyle = '#6d4c41';\n ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);\n\n \/\/ Draw ball\n ctx.beginPath();\n ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);\n ctx.fillStyle = 'white';\n ctx.fill();\n ctx.strokeStyle = '#333';\n ctx.lineWidth = 2;\n ctx.stroke();\n ctx.closePath();\n\n \/\/ Draw drag line\n if (isDragging) {\n ctx.beginPath();\n ctx.moveTo(ball.x, ball.y);\n ctx.lineTo(startX, startY);\n ctx.strokeStyle = '#e53935';\n ctx.lineWidth = 2;\n ctx.setLineDash([5, 5]);\n ctx.stroke();\n ctx.setLineDash([]);\n ctx.closePath();\n }\n }\n\n function updateBall() {\n ball.x += ball.dx;\n ball.y += ball.dy;\n\n ball.dx *= friction;\n ball.dy *= friction;\n\n if (Math.abs(ball.dx) < minSpeed) ball.dx = 0;\n if (Math.abs(ball.dy) < minSpeed) ball.dy = 0;\n\n \/\/ Wall collisions\n if (ball.x - ball.radius < 0) {\n ball.x = ball.radius;\n ball.dx *= -1;\n }\n if (ball.x + ball.radius > canvas.width) {\n ball.x = canvas.width - ball.radius;\n ball.dx *= -1;\n }\n if (ball.y - ball.radius < 0) {\n ball.y = ball.radius;\n ball.dy *= -1;\n }\n if (ball.y + ball.radius > canvas.height) {\n ball.y = canvas.height - ball.radius;\n ball.dy *= -1;\n }\n\n \/\/ Obstacle collision\n if (\n ball.x + ball.radius > obstacle.x &&\n ball.x - ball.radius < obstacle.x + obstacle.width &&\n ball.y + ball.radius > obstacle.y &&\n ball.y - ball.radius < obstacle.y + obstacle.height\n ) {\n \/\/ Basic bounce logic\n const prevX = ball.x - ball.dx;\n const prevY = ball.y - ball.dy;\n\n if (\n prevX + ball.radius <= obstacle.x ||\n prevX - ball.radius >= obstacle.x + obstacle.width\n ) {\n ball.dx *= -1; \/\/ hit left or right\n } else {\n ball.dy *= -1; \/\/ hit top or bottom\n }\n }\n\n \/\/ Check for hole\n const dist = Math.hypot(ball.x - hole.x, ball.y - hole.y);\n if (dist < hole.radius - ball.radius) {\n ball.dx = 0;\n ball.dy = 0;\n ball.inHole = true;\n }\n }\n\n function gameLoop() {\n drawCourse();\n if (!ball.inHole) updateBall();\n requestAnimationFrame(gameLoop);\n }\n\n canvas.addEventListener('mousedown', (e) => {\n const rect = canvas.getBoundingClientRect();\n const mouseX = e.clientX - rect.left;\n const mouseY = e.clientY - rect.top;\n\n const dx = mouseX - ball.x;\n const dy = mouseY - ball.y;\n\n if (Math.hypot(dx, dy) < ball.radius + 10 && ball.dx === 0 && ball.dy === 0 && !ball.inHole) {\n isDragging = true;\n startX = mouseX;\n startY = mouseY;\n }\n });\n\n canvas.addEventListener('mousemove', (e) => {\n if (isDragging) {\n const rect = canvas.getBoundingClientRect();\n startX = e.clientX - rect.left;\n startY = e.clientY - rect.top;\n }\n });\n\n canvas.addEventListener('mouseup', (e) => {\n if (isDragging) {\n const powerX = ball.x - startX;\n const powerY = ball.y - startY;\n\n ball.dx = powerX \/ 10;\n ball.dy = powerY \/ 10;\n strokeCount++;\n document.getElementById('strokeCount').innerText = `Strokes: ${strokeCount}`;\n }\n isDragging = false;\n });\n\n gameLoop();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Putt Putt Golf Game Strokes: 0 Restart Game<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Putt Putt Hole Game - Mississippi Putt Putt Golf<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Putt Putt Hole Game - Mississippi Putt Putt Golf\" \/>\n<meta property=\"og:description\" content=\"Putt Putt Golf Game Strokes: 0 Restart Game\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Mississippi Putt Putt Golf\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-03T18:48:03+00:00\" \/>\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:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/\",\"name\":\"Putt Putt Hole Game - Mississippi Putt Putt Golf\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#website\"},\"datePublished\":\"2025-07-03T18:48:01+00:00\",\"dateModified\":\"2025-07-03T18:48:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/putt-putt-hole-game\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Putt Putt Hole Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#website\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/\",\"name\":\"Mississippi Putt Putt Golf\",\"description\":\"Experience wholesome fun at Mississippi Putt Putt Golf! Enjoy 18 holes of faith-inspired mini-golf with family-friendly themes, Scripture, and community events.\",\"publisher\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#organization\",\"name\":\"Mississippi Putt Putt Golf\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/God-bless-our-work.png\",\"contentUrl\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/God-bless-our-work.png\",\"width\":1427,\"height\":538,\"caption\":\"Mississippi Putt Putt Golf\"},\"image\":{\"@id\":\"https:\\\/\\\/alargefamily.com\\\/itap\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Putt Putt Hole Game - Mississippi Putt Putt Golf","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:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","og_locale":"en_US","og_type":"article","og_title":"Putt Putt Hole Game - Mississippi Putt Putt Golf","og_description":"Putt Putt Golf Game Strokes: 0 Restart Game","og_url":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","og_site_name":"Mississippi Putt Putt Golf","article_modified_time":"2025-07-03T18:48:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","url":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/","name":"Putt Putt Hole Game - Mississippi Putt Putt Golf","isPartOf":{"@id":"https:\/\/alargefamily.com\/itap\/#website"},"datePublished":"2025-07-03T18:48:01+00:00","dateModified":"2025-07-03T18:48:03+00:00","breadcrumb":{"@id":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/alargefamily.com\/itap\/putt-putt-hole-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alargefamily.com\/itap\/"},{"@type":"ListItem","position":2,"name":"Putt Putt Hole Game"}]},{"@type":"WebSite","@id":"https:\/\/alargefamily.com\/itap\/#website","url":"https:\/\/alargefamily.com\/itap\/","name":"Mississippi Putt Putt Golf","description":"Experience wholesome fun at Mississippi Putt Putt Golf! Enjoy 18 holes of faith-inspired mini-golf with family-friendly themes, Scripture, and community events.","publisher":{"@id":"https:\/\/alargefamily.com\/itap\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alargefamily.com\/itap\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alargefamily.com\/itap\/#organization","name":"Mississippi Putt Putt Golf","url":"https:\/\/alargefamily.com\/itap\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alargefamily.com\/itap\/#\/schema\/logo\/image\/","url":"https:\/\/alargefamily.com\/itap\/wp-content\/uploads\/2025\/07\/God-bless-our-work.png","contentUrl":"https:\/\/alargefamily.com\/itap\/wp-content\/uploads\/2025\/07\/God-bless-our-work.png","width":1427,"height":538,"caption":"Mississippi Putt Putt Golf"},"image":{"@id":"https:\/\/alargefamily.com\/itap\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":1,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":222,"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/pages\/221\/revisions\/222"}],"wp:attachment":[{"href":"https:\/\/alargefamily.com\/itap\/wp-json\/wp\/v2\/media?parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}