{"id":176,"date":"2023-08-25T09:41:47","date_gmt":"2023-08-25T09:41:47","guid":{"rendered":"http:\/\/spencerunderhill.co.uk\/?p=176"},"modified":"2023-08-25T09:42:32","modified_gmt":"2023-08-25T09:42:32","slug":"176","status":"publish","type":"post","link":"https:\/\/spencerunderhill.co.uk\/?p=176","title":{"rendered":""},"content":{"rendered":"<div class=\"dm-code-snippet dark default  dm-normal-version\" style=\"background-color:#abb8c3;\" snippet-height=\"\">\n\t\t\t<div class=\"control-language\">\n                <div class=\"dm-buttons\">\n                    <div class=\"dm-buttons-left\">\n                        <div class=\"dm-button-snippet red-button\"><\/div>\n                        <div class=\"dm-button-snippet orange-button\"><\/div>\n                        <div class=\"dm-button-snippet green-button\"><\/div>\n                    <\/div>\n                    <div class=\"dm-buttons-right\">\n                        <a id=\"dm-copy-raw-code\">\n                        <span class=\"dm-copy-text\">Copy Code<\/span>\n                        <span class=\"dm-copy-confirmed\" style=\"display:none\">Copied<\/span>\n                        <span class=\"dm-error-message\" style=\"display:none\">Use a different Browser<\/span><\/a>\n                    <\/div>\n                <\/div>\n                <pre class=\"no-line-numbers\"><code id=\"dm-code-raw\" class=\"no-wrap language-php\"><\/p>\n<pre class=\"dm-pre-admin-side\">&lt;?php\r\n\r\n\/\/ Set up game parameters\r\n$paddleWidth = 10;\r\n$paddleHeight = 100;\r\n$ballSize = 10;\r\n\r\n\/\/ Create canvas\r\n$canvasWidth = 400;\r\n$canvasHeight = 200;\r\necho \"&lt;canvas id='pong' width='$canvasWidth' height='$canvasHeight'&gt;&lt;\/canvas&gt;\";\r\n\r\n\/\/ Paddle positions\r\n$paddle1Y = $canvasHeight\/2 - $paddleHeight\/2; \r\n$paddle2Y = $canvasHeight\/2 - $paddleHeight\/2;\r\n\r\n\/\/ Ball position\r\n$ballX = $canvasWidth\/2;\r\n$ballY = $canvasHeight\/2;\r\n$ballSpeedX = 5;\r\n$ballSpeedY = 3;\r\n\r\n\/\/ Main game loop\r\nwhile (true) {\r\n\r\n  \/\/ Move ball\r\n  $ballX += $ballSpeedX;\r\n  $ballY += $ballSpeedY;\r\n\r\n  \/\/ Bounce off top and bottom\r\n  if ($ballY &lt;= 0 || $ballY &gt;= $canvasHeight) {\r\n    $ballSpeedY = -$ballSpeedY; \r\n  }\r\n\r\n  \/\/ Draw scene\r\n  echo \"&lt;script&gt;\r\n    var ctx = document.getElementById('pong').getContext('2d');\r\n    ctx.clearRect(0, 0, $canvasWidth, $canvasHeight);\r\n    ctx.fillStyle = 'white';\r\n    \r\n    \/\/ Draw ball\r\n    ctx.beginPath();\r\n    ctx.arc($ballX, $ballY, $ballSize, 0, 2 * Math.PI); \r\n    ctx.fill();\r\n\r\n    \/\/ Draw paddles\r\n    ctx.fillRect(0, $paddle1Y, $paddleWidth, $paddleHeight);\r\n    ctx.fillRect($canvasWidth - $paddleWidth, $paddle2Y, $paddleWidth, $paddleHeight);\r\n  &lt;\/script&gt;\";\r\n\r\n  usleep(10000); \/\/ Sleep for 10ms\r\n}\r\n\r\n?&gt;<\/pre>\n<p><\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/176"}],"collection":[{"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=176"}],"version-history":[{"count":2,"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":178,"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/176\/revisions\/178"}],"wp:attachment":[{"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spencerunderhill.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}