{"id":28734,"date":"2024-07-20T13:38:21","date_gmt":"2024-07-20T10:38:21","guid":{"rendered":"https:\/\/codeicator.com\/?p=28734"},"modified":"2024-07-21T06:04:51","modified_gmt":"2024-07-21T03:04:51","slug":"ping-pong-game","status":"publish","type":"post","link":"https:\/\/codeicator.com\/ar\/ping-pong-game\/","title":{"rendered":"\u0644\u0639\u0628\u0629 \u0627\u0644\u0645\u0636\u0631\u0628"},"content":{"rendered":"<h2 class=\"wp-block-heading\">\u062a\u0637\u0648\u064a\u0631 \u0644\u0639\u0628\u0629 Ping Pong \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 HTML ,CSS , JavaScript<\/h2>\n\n\n\n<p class=\"has-title-color has-text-color has-link-color wp-elements-1cb2854cdc7b93191884f51921621754\">\u0647\u0644 \u062a\u0639\u0631\u0641 \u0623\u0646\u0647 \u0628\u0625\u0645\u0643\u0627\u0646\u0643 \u062a\u0635\u0645\u064a\u0645 \u0644\u0639\u0628\u0629 \u0641\u0642\u0637 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 HTML \u0648CSS \u0648JavaScript\u061f <br>\u0646\u0639\u0645\u060c \u0647\u0630\u0627 \u0635\u062d\u064a\u062d! \u064a\u0645\u0643\u0646\u0643 \u062a\u0635\u0645\u064a\u0645 \u0644\u0639\u0628\u0629 \u0645\u0645\u062a\u0639\u0629 \u0648\u0628\u0633\u064a\u0637\u0629 \u0645\u062b\u0644 Ping Pong \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0648\u064a\u0628 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u0642\u0637. \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0642\u0627\u0644\u0629\u060c \u0633\u0646\u0633\u062a\u0639\u0631\u0636 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0643 \u0628\u0646\u0627\u0621 \u0644\u0639\u0628\u0629 Ping Pong \u062e\u0637\u0648\u0629 \u0628\u062e\u0637\u0648\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 HTML \u0648CSS \u0648JavaScript.<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-link-color has-normal-font-size wp-elements-b15d2449cd16aca2bbebc8852f5c4a9c\"><strong><a href=\"#video\">\u064a\u0645\u0643\u0646\u0643 \u0645\u0634\u0627\u0647\u062f\u0629 \u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u0644\u0628\u0639\u0629 \u0627\u0633\u0641\u0644 \u0627\u0644\u0635\u0641\u062d\u0629<\/a><\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0627\u0644\u062e\u0637\u0648\u0629 1: \u0625\u0639\u062f\u0627\u062f \u0647\u064a\u0643\u0644 HTML \u0627\u0644\u0623\u0633\u0627\u0633\u064a<\/h3>\n\n\n\n<p>\u0623\u0648\u0644\u0627\u064b\u060c \u0633\u0646\u0628\u062f\u0623 \u0628\u0625\u0646\u0634\u0627\u0621 \u0647\u064a\u0643\u0644 HTML \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0639\u0628\u0629. \u0633\u0646\u0642\u0648\u0645 \u0628\u0625\u0646\u0634\u0627\u0621 \u0644\u0648\u062d\u0629 \u0627\u0644\u0644\u0639\u0628\u0629\u060c \u0648\u0627\u0644\u0645\u0636\u0627\u0631\u0628\u060c \u0648\u0627\u0644\u0643\u0631\u0629.<\/p>\n\n\n\n<style> .hcb_wrap.hcb_wrap>pre {\n    \n    direction: ltr;\n}\n.rtl .hcb_wrap.hcb_wrap :is(code,span) {padding-right: 5px;}\n<\/style>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-html\" data-lang=\"HTML\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n    &lt;meta charset=&quot;UTF-8&quot;&gt;\n    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;\n    &lt;title&gt;Ping Pong Game&lt;\/title&gt;\n    &lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;div id=&quot;game-container&quot;&gt;\n        &lt;div id=&quot;score&quot;&gt;\n            &lt;div id=&quot;player1-score&quot;&gt;0&lt;\/div&gt;\n            &lt;div id=&quot;player2-score&quot;&gt;0&lt;\/div&gt;\n        &lt;\/div&gt;\n        &lt;div id=&quot;paddle1&quot; class=&quot;paddle&quot;&gt;&lt;\/div&gt;\n        &lt;div id=&quot;paddle2&quot; class=&quot;paddle&quot;&gt;&lt;\/div&gt;\n        &lt;div id=&quot;ball&quot;&gt;&lt;\/div&gt;\n    &lt;\/div&gt;\n    &lt;script src=&quot;script.js&quot;&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre><\/div>\n\n\n\n<p>\u2022 <code>&lt;div id=&quot;game-container&quot;&gt;<\/code>: \u0647\u0630\u0627 \u0627\u0644\u0639\u0646\u0635\u0631 \u064a\u0645\u062b\u0644 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0644\u0639\u0628\u0629 \u0628\u0623\u0643\u0645\u0644\u0647\u060c \u0648\u0647\u0648 \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u062c\u0645\u064a\u0639 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0644\u0639\u0628\u0629 \u0627\u0644\u0623\u062e\u0631\u0649.<\/p>\n\n\n\n<p>\u2022 <code>&lt;div id=&quot;score&quot;&gt;<\/code>: \u064a\u062d\u062a\u0648\u064a \u0639\u0644\u0649 \u0639\u0646\u0627\u0635\u0631 <code>&lt;div&gt;<\/code>  \u0644\u0639\u0631\u0636 \u0646\u0642\u0627\u0637 \u0627\u0644\u0644\u0627\u0639\u0628\u064a\u0646 (Player 1 \u0648 Player 2).<\/p>\n\n\n\n<p>\u2022 <code>&lt;div id=&quot;paddle1&quot; class=&quot;paddle&quot;&gt;&lt;\/div&gt;<\/code> \u0648 <code>&lt;div id=&quot;paddle2&quot; class=&quot;paddle&quot;&gt;&lt;\/div&gt;<\/code>: \u0647\u0645\u0627 \u0627\u0644\u0645\u0636\u0631\u0628\u064a\u0646 \u0644\u0644\u0627\u0639\u0628\u064a\u0646 \u0627\u0644\u0623\u0648\u0644 \u0648\u0627\u0644\u062b\u0627\u0646\u064a \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0644\u064a<\/p>\n\n\n\n<p>\u2022 <code>&lt;div id=&quot;ball&quot;&gt;&lt;\/div&gt;<\/code>: \u0647\u0648 \u0627\u0644\u0643\u0631\u0629 \u0627\u0644\u062a\u064a \u0633\u062a\u062a\u062d\u0631\u0643 \u0641\u064a \u0627\u0644\u0645\u0636\u0645\u0627\u0631.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0627\u0644\u062e\u0637\u0648\u0629 2: \u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0644\u0639\u0628\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 CSS<\/h3>\n\n\n\n<p>\u0633\u0646\u0642\u0648\u0645 \u0628\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 CSS \u0644\u062c\u0639\u0644 \u0627\u0644\u0644\u0639\u0628\u0629 \u062a\u0628\u062f\u0648 \u062c\u0630\u0627\u0628\u0629 \u0648\u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>body {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100vh;\n    background-color: #282c34;\n    margin: 0;\n    font-family: Arial, sans-serif;\n    color: #fff;\n}\n\n#game-container {\n    position: relative;\n    width: 800px;\n    height: 400px;\n    background-color: #0077b6;\n    border: 5px solid #fff;\n    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);\n    border-radius: 10px;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n}\n\n.paddle {\n    position: absolute;\n    width: 10px;\n    height: 100px;\n    background-color: #fff;\n    border-radius: 5px;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n}\n\n#paddle1 {\n    left: 10px;\n    top: 150px;\n}\n\n#paddle2 {\n    right: 10px;\n    top: 150px;\n}\n\n#ball {\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    background-color: #ffd700;\n    border-radius: 50%;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n}\n\n#score {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    padding: 10px;\n    font-size: 24px;\n    font-weight: bold;\n}\n\n#player1-score {\n    text-align: center;\n    flex: 1;\n}\n\n#player2-score {\n    text-align: center;\n    flex: 1;\n}\n\n#game-container::before {\n    content: &#39;&#39;;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: 4px;\n    height: 100%;\n    background-color: #fff;\n    transform: translateX(-50%);\n}<\/code><\/pre><\/div>\n\n\n\n<p>\u2022 <code>body<\/code>: \u064a\u0646\u0633\u0642 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0634\u0643\u0644 \u0639\u0627\u0645\u060c \u0645\u0639 \u062a\u062d\u062f\u064a\u062f \u0644\u0648\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0639\u0627\u0645 \u0644\u0644\u0635\u0641\u062d\u0629.<\/p>\n\n\n\n<p>\u2022 <code>#game-container<\/code>: \u064a\u062d\u062f\u062f \u0623\u0628\u0639\u0627\u062f \u0648\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u0636\u0645\u0627\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0644\u0644\u0639\u0628\u0629\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062a\u0623\u062b\u064a\u0631\u0627\u062a \u0645\u062b\u0644 \u0627\u0644\u0638\u0644 \u0648\u0627\u0644\u062d\u0648\u0627\u0641 \u0627\u0644\u0645\u0633\u062a\u062f\u064a\u0631\u0629.<\/p>\n\n\n\n<p>\u2022 <code>.paddle<\/code>: \u064a\u0639\u0631\u0641 \u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0636\u0631\u0628\u064a\u0646 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 \u0648\u0638\u0644\u0627\u0644 \u0644\u0625\u0636\u0627\u0641\u0629 \u0639\u0645\u0642.<\/p>\n\n\n\n<p>\u2022 <code>#ball<\/code>: \u064a\u062d\u062f\u062f \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0643\u0631\u0629 \u0628\u0644\u0648\u0646 \u0630\u0647\u0628\u064a \u0648\u062d\u0648\u0627\u0641 \u062f\u0627\u0626\u0631\u064a\u0629.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0627\u0644\u062e\u0637\u0648\u0629 3: \u0625\u0636\u0627\u0641\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0644\u0644\u0639\u0628\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 JavaScript<\/h3>\n\n\n\n<p>\u0623\u062e\u064a\u0631\u0627\u064b \u0633\u0646\u0636\u064a\u0641 \u062c\u0632\u0621 \u0627\u0644\u0643\u0648\u062f \u0627\u0644\u0630\u064a \u064a\u062f\u064a\u0631 \u0627\u0644\u0633\u0644\u0648\u0643 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0641\u064a \u0627\u0644\u0644\u0639\u0628\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0636\u0631\u0628\u064a\u0646\u060c \u0648\u062d\u0631\u0643\u0629 \u0627\u0644\u0643\u0631\u0629\u060c \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0646\u0642\u0627\u0637.<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>const gameContainer = document.getElementById(&#39;game-container&#39;);\nconst paddle1 = document.getElementById(&#39;paddle1&#39;);\nconst paddle2 = document.getElementById(&#39;paddle2&#39;);\nconst ball = document.getElementById(&#39;ball&#39;);\nconst player1ScoreDisplay = document.getElementById(&#39;player1-score&#39;);\nconst player2ScoreDisplay = document.getElementById(&#39;player2-score&#39;);\n\nlet paddle1Y = 150;\nlet paddle2Y = 150;\nlet ballX = 390;\nlet ballY = 190;\nlet ballSpeedX = 2;\nlet ballSpeedY = 2;\nconst paddleSpeed = 5;\nlet player1Score = 0;\nlet player2Score = 0;\n\ndocument.addEventListener(&#39;keydown&#39;, (event) =&gt; {\n    switch (event.key) {\n        case &#39;w&#39;:\n            if (paddle1Y &gt; 0) paddle1Y -= paddleSpeed;\n            break;\n        case &#39;s&#39;:\n            if (paddle1Y &lt; 300) paddle1Y += paddleSpeed;\n            break;\n        case &#39;ArrowUp&#39;:\n            if (paddle2Y &gt; 0) paddle2Y -= paddleSpeed;\n            break;\n        case &#39;ArrowDown&#39;:\n            if (paddle2Y &lt; 300) paddle2Y += paddleSpeed;\n            break;\n    }\n    paddle1.style.top = `${paddle1Y}px`;\n    paddle2.style.top = `${paddle2Y}px`;\n});\n\nfunction updateBall() {\n    ballX += ballSpeedX;\n    ballY += ballSpeedY;\n\n    \/\/ Ball collision with top and bottom walls\n    if (ballY &lt;= 0 || ballY &gt;= 380) {\n        ballSpeedY = -ballSpeedY;\n    }\n\n    \/\/ Ball collision with paddles\n    if (ballX &lt;= 10 && ballY &gt;= paddle1Y && ballY &lt;= paddle1Y + 100) {\n        ballSpeedX = -ballSpeedX;\n    } else if (ballX &gt;= 770 && ballY &gt;= paddle2Y && ballY &lt;= paddle2Y + 100) {\n        ballSpeedX = -ballSpeedX;\n    }\n\n    \/\/ Ball out of bounds\n    if (ballX &lt;= 0) {\n        increasePlayer2Score();\n        resetBall();\n    } else if (ballX &gt;= 780) {\n        increasePlayer1Score();\n        resetBall();\n    }\n\n    ball.style.left = `${ballX}px`;\n    ball.style.top = `${ballY}px`;\n}\n\nfunction increasePlayer1Score() {\n    player1Score++;\n    player1ScoreDisplay.textContent = player1Score;\n}\n\nfunction increasePlayer2Score() {\n    player2Score++;\n    player2ScoreDisplay.textContent = player2Score;\n}\n\nfunction resetBall() {\n    ballX = 390;\n    ballY = 190;\n    ballSpeedX = Math.random() &gt; 0.5 ? 2 : -2;\n    ballSpeedY = Math.random() &gt; 0.5 ? 2 : -2;\n}\n\nfunction gameLoop() {\n    updateBall();\n    requestAnimationFrame(gameLoop);\n}\n\ngameLoop();<\/code><\/pre><\/div>\n\n\n\n<p>\u2022 <code>const gameContainer, paddle1, paddle2, ball, player1ScoreDisplay, player2ScoreDisplay<\/code>: \u062a\u0639\u0631\u064a\u0641 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0645\u062b\u0644 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0641\u064a \u0627\u0644\u0644\u0639\u0628\u0629.<\/p>\n\n\n\n<p>\u2022 <code>document.addEventListener('keydown')<\/code>: \u064a\u062a\u0645 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u0627 \u0644\u0627\u0644\u062a\u0642\u0627\u0637 \u0623\u062d\u062f\u0627\u062b \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0644\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u0636\u0631\u0628\u064a\u0646.<\/p>\n\n\n\n<p>\u2022 <code>updateBall()<\/code>: \u0648\u0638\u064a\u0641\u062a\u0647 \u062a\u0642\u0648\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u0645\u0648\u0642\u0639 \u0627\u0644\u0643\u0631\u0629 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u062a\u0635\u0627\u062f\u0645 \u0645\u0639 \u0627\u0644\u062d\u0648\u0627\u0626\u0637 \u0648\u0627\u0644\u0645\u0636\u0631\u0628\u064a\u0646 \u0648\u062d\u0633\u0627\u0628 \u0627\u0644\u0646\u0642\u0627\u0637<\/p>\n\n\n\n<p>\u2022 <code>increasePlayer1Score(), increasePlayer2Score()<\/code>: \u062a\u0632\u064a\u062f \u0627\u0644\u0646\u0642\u0627\u0637 \u0644\u0643\u0644 \u0644\u0627\u0639\u0628 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062d\u062f\u0648\u062b \u0647\u062f\u0641.<\/p>\n\n\n\n<p>\u2022 <code>resetBall()<\/code>: \u062a\u0639\u064a\u062f \u0645\u0648\u0642\u0639 \u0627\u0644\u0643\u0631\u0629 \u0648\u062a\u0639\u064a\u064a\u0646 \u0627\u062a\u062c\u0627\u0647\u0647\u0627 \u0628\u0634\u0643\u0644 \u0639\u0634\u0648\u0627\u0626\u064a \u0628\u0639\u062f \u062a\u0633\u062c\u064a\u0644 \u0647\u062f\u0641.<\/p>\n\n\n\n<p>\u2022 <code>gameLoop()<\/code>: \u062a\u0642\u0648\u0645 \u0628\u062a\u062d\u062f\u064a\u062b \u062d\u0631\u0643\u0629 \u0627\u0644\u0643\u0631\u0629 \u0628\u0634\u0643\u0644 \u0645\u062a\u0643\u0631\u0631 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 <code>requestAnimationFrame()<\/code> \u0644\u0625\u0646\u0634\u0627\u0621 \u062d\u0644\u0642\u0629 \u0627\u0644\u0644\u0639\u0628 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629.<\/p>\n\n\n\n<p>\u0643\u062a\u0627\u0628\u0629 \u0647\u0630\u0627 \u0627\u0644\u0646\u0648\u0639 \u0645\u0646 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a \u0633\u0648\u0641 \u064a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0645\u0647\u0627\u0631\u0627\u062a\u0643 \u0641\u064a \u062d\u0644 \u0627\u0644\u0645\u0634\u0643\u0644\u0627\u062a\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0645\u0647\u0627\u0631\u0627\u062a\u0643 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629 \u0641\u064a \u0643\u062a\u0627\u0628\u0629 JavaScript \u0628\u062f\u0648\u0646 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0645\u0643\u062a\u0628\u0627\u062a \u062e\u0627\u0631\u062c\u064a\u0629.<\/p>\n\n\n\n<p>\u0625\u0639\u062f\u0627\u062f: <strong>\u0623\u062d\u0645\u062f \u0627\u0644\u062e\u0648\u0644\u064a<\/strong><\/p>\n\n\n\n<figure id=\"video\" class=\"wp-block-video\"><video height=\"968\" style=\"aspect-ratio: 1714 \/ 968;\" width=\"1714\" controls src=\"https:\/\/codeicator.com\/wp-content\/uploads\/2024\/07\/PingPongGame-Video.mp4\"><\/video><\/figure>","protected":false},"excerpt":{"rendered":"<p>Developing a Ping Pong Game using HTML, CSS, and JavaScript Did you know that you can design a game using only HTML, CSS, and JavaScript? Yes, it&#8217;s true! You can create a fun and simple game like Ping Pong using &hellip; <\/p>","protected":false},"author":2,"featured_media":28757,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[111],"tags":[113,112,114],"class_list":["post-28734","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-games","tag-css","tag-html","tag-javascript"],"_links":{"self":[{"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/posts\/28734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/comments?post=28734"}],"version-history":[{"count":5,"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/posts\/28734\/revisions"}],"predecessor-version":[{"id":28768,"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/posts\/28734\/revisions\/28768"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/media\/28757"}],"wp:attachment":[{"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/media?parent=28734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/categories?post=28734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeicator.com\/ar\/wp-json\/wp\/v2\/tags?post=28734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}