{"id":168,"date":"2024-11-19T08:33:50","date_gmt":"2024-11-18T23:33:50","guid":{"rendered":"https:\/\/www.re-lenge.com\/lp1225\/?page_id=168"},"modified":"2024-11-19T08:41:52","modified_gmt":"2024-11-18T23:41:52","slug":"ss","status":"publish","type":"page","link":"https:\/\/www.re-lenge.com\/lp1225\/?page_id=168","title":{"rendered":"ss"},"content":{"rendered":"\n<div style=\"display: flex; justify-content: center; align-items: center; height: 100vh; background-color: black;\">\n    <canvas id=\"gameCanvas\" width=\"480\" height=\"640\" style=\"border: 2px solid white;\"><\/canvas>\n<\/div>\n<script>\n    const canvas = document.getElementById('gameCanvas');\n    const ctx = canvas.getContext('2d');\n\n    let player = { x: 220, y: 550, width: 40, height: 40, speed: 5 };\n    let bullets = [];\n    let enemies = [];\n    let score = 0;\n\n    \/\/ Key press handling\n    let keys = {};\n    document.addEventListener('keydown', (e) => keys[e.key] = true);\n    document.addEventListener('keyup', (e) => keys[e.key] = false);\n\n    \/\/ Create enemies\n    function createEnemies() {\n        for (let i = 0; i < 5; i++) {\n            enemies.push({ x: i * 80 + 20, y: 20, width: 40, height: 40, speed: 2 });\n        }\n    }\n\n    \/\/ Update game logic\n    function update() {\n        if (keys['ArrowLeft'] &#038;&#038; player.x > 0) player.x -= player.speed;\n        if (keys['ArrowRight'] && player.x < canvas.width - player.width) player.x += player.speed;\n        bullets = bullets.filter(b => b.y > 0);\n        bullets.forEach(b => b.y -= 10);\n        enemies.forEach(e => e.y += e.speed);\n        enemies = enemies.filter(e => e.y < canvas.height);\n\n        bullets.forEach((b, bIdx) => {\n            enemies.forEach((e, eIdx) => {\n                if (b.x < e.x + e.width &#038;&#038;\n                    b.x + 5 > e.x &&\n                    b.y < e.y + e.height &#038;&#038;\n                    b.y + 10 > e.y) {\n                    bullets.splice(bIdx, 1);\n                    enemies.splice(eIdx, 1);\n                    score++;\n                }\n            });\n        });\n    }\n\n    function draw() {\n        ctx.clearRect(0, 0, canvas.width, canvas.height);\n        ctx.fillStyle = 'cyan';\n        ctx.fillRect(player.x, player.y, player.width, player.height);\n        ctx.fillStyle = 'yellow';\n        bullets.forEach(b => ctx.fillRect(b.x, b.y, 5, 10));\n        ctx.fillStyle = 'red';\n        enemies.forEach(e => ctx.fillRect(e.x, e.y, e.width, e.height));\n        ctx.fillStyle = 'white';\n        ctx.font = '20px Arial';\n        ctx.fillText(`Score: ${score}`, 10, 30);\n    }\n\n    function gameLoop() {\n        update();\n        draw();\n        requestAnimationFrame(gameLoop);\n    }\n\n    document.addEventListener('keydown', (e) => {\n        if (e.key === ' ') {\n            bullets.push({ x: player.x + player.width \/ 2 - 2.5, y: player.y });\n        }\n    });\n\n    createEnemies();\n    gameLoop();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-168","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=\/wp\/v2\/pages\/168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=168"}],"version-history":[{"count":6,"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions"}],"predecessor-version":[{"id":181,"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=\/wp\/v2\/pages\/168\/revisions\/181"}],"wp:attachment":[{"href":"https:\/\/www.re-lenge.com\/lp1225\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}