Catch the Fruit<\/title>\n <style>\n canvas {\n display: block;\n margin: 0 auto;\n background-color: lightgray;\n }\n <\/style>\n<\/head>\n<body data-rsssl=1>\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 let basket = {\n x: canvas.width \/ 2 - 50,\n y: canvas.height - 100,\n width: 100,\n height: 10\n };\n\n let fruit = {\n x: Math.random() * (canvas.width - 30),\n y: 0,\n width: 30,\n height: 30,\n dy: 2\n };\n\n let score = 0;\n\n function drawBasket() {\n ctx.fillStyle = 'black';\n ctx.fillRect(basket.x, basket.y, basket.width, basket.height);\n }\n\n function drawFruit() {\n ctx.fillStyle = 'orange';\n ctx.beginPath();\n ctx.arc(fruit.x, fruit.y, fruit.width \/ 2, 0, Math.PI * 2);\n ctx.fill();\n ctx.closePath();\n }\n\n function drawScore() {\n ctx.font = '24px Arial';\n ctx.fillStyle = 'black';\n ctx.fillText(`Score: ${score}`, 10, 30);\n }\n\n function gameLoop() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n drawBasket();\n drawFruit();\n drawScore();\n\n fruit.y += fruit.dy;\n\n if (fruit.y + fruit.height > canvas.height) {\n fruit.x = Math.random() * (canvas.width - fruit.width);\n fruit.y = 0;\n }\n\n if (fruit.y + fruit.height > basket.y && fruit.x > basket.x && fruit.x < basket.x + basket.width) {\n score++;\n fruit.x = Math.random() * (canvas.width - fruit.width);\n fruit.y = 0;\n }\n\n requestAnimationFrame(gameLoop);\n }\n\n function moveBasket(e) {\n let mouseX = e.clientX - canvas.getBoundingClientRect().left;\n basket.x = mouseX - basket.width \/ 2;\n }\n\n canvas.addEventListener('mousemove', moveBasket);\n\n gameLoop();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Catch the Fruit<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2231","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages\/2231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tippang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2231"}],"version-history":[{"count":1,"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages\/2231\/revisions"}],"predecessor-version":[{"id":2232,"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages\/2231\/revisions\/2232"}],"wp:attachment":[{"href":"https:\/\/tippang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2231,"date":"2023-05-12T02:42:25","date_gmt":"2023-05-11T17:42:25","guid":{"rendered":"https:\/\/tippang.com\/?page_id=2231"},"modified":"2023-05-12T02:53:46","modified_gmt":"2023-05-11T17:53:46","slug":"catch-the-fruit","status":"publish","type":"page","link":"https:\/\/tippang.com\/?page_id=2231","title":{"rendered":"Catch the Fruit"},"content":{"rendered":"\n\n\n\n \n \n Catch the Fruit<\/title>\n <style>\n canvas {\n display: block;\n margin: 0 auto;\n background-color: lightgray;\n }\n <\/style>\n<\/head>\n<body data-rsssl=1>\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 let basket = {\n x: canvas.width \/ 2 - 50,\n y: canvas.height - 100,\n width: 100,\n height: 10\n };\n\n let fruit = {\n x: Math.random() * (canvas.width - 30),\n y: 0,\n width: 30,\n height: 30,\n dy: 2\n };\n\n let score = 0;\n\n function drawBasket() {\n ctx.fillStyle = 'black';\n ctx.fillRect(basket.x, basket.y, basket.width, basket.height);\n }\n\n function drawFruit() {\n ctx.fillStyle = 'orange';\n ctx.beginPath();\n ctx.arc(fruit.x, fruit.y, fruit.width \/ 2, 0, Math.PI * 2);\n ctx.fill();\n ctx.closePath();\n }\n\n function drawScore() {\n ctx.font = '24px Arial';\n ctx.fillStyle = 'black';\n ctx.fillText(`Score: ${score}`, 10, 30);\n }\n\n function gameLoop() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n drawBasket();\n drawFruit();\n drawScore();\n\n fruit.y += fruit.dy;\n\n if (fruit.y + fruit.height > canvas.height) {\n fruit.x = Math.random() * (canvas.width - fruit.width);\n fruit.y = 0;\n }\n\n if (fruit.y + fruit.height > basket.y && fruit.x > basket.x && fruit.x < basket.x + basket.width) {\n score++;\n fruit.x = Math.random() * (canvas.width - fruit.width);\n fruit.y = 0;\n }\n\n requestAnimationFrame(gameLoop);\n }\n\n function moveBasket(e) {\n let mouseX = e.clientX - canvas.getBoundingClientRect().left;\n basket.x = mouseX - basket.width \/ 2;\n }\n\n canvas.addEventListener('mousemove', moveBasket);\n\n gameLoop();\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Catch the Fruit<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2231","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages\/2231","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tippang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2231"}],"version-history":[{"count":1,"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages\/2231\/revisions"}],"predecessor-version":[{"id":2232,"href":"https:\/\/tippang.com\/index.php?rest_route=\/wp\/v2\/pages\/2231\/revisions\/2232"}],"wp:attachment":[{"href":"https:\/\/tippang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}