Pee Hill - Tepe Savunma Oyunu<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n overflow: hidden;\n font-family: Arial, sans-serif;\n }\n \n #game-container {\n position: relative;\n width: 100vw;\n height: 50vh;\n background-color: #87ceeb;\n }\n \n #player {\n position: absolute;\n bottom: 180px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 80px;\n background-color: #ff6347;\n z-index: 10;\n }\n \n .enemy {\n position: absolute;\n width: 50px;\n height: 70px;\n background-color: #4682b4;\n z-index: 5;\n }\n \n .projectile {\n position: absolute;\n width: 10px;\n height: 20px;\n background-color: yellow;\n border-radius: 50%;\n z-index: 8;\n }\n \n #score-container {\n position: absolute;\n top: 10px;\n left: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n padding: 10px;\n border-radius: 5px;\n z-index: 100;\n }\n \n #power-container {\n position: absolute;\n top: 10px;\n right: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n padding: 10px;\n border-radius: 5px;\n z-index: 100;\n }\n \n #upgrade-button {\n position: absolute;\n top: 70px;\n right: 10px;\n padding: 8px 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n z-index: 100;\n }\n \n #game-over {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: rgba(255, 255, 255, 0.9);\n padding: 20px;\n border-radius: 10px;\n text-align: center;\n display: none;\n z-index: 200;\n }\n \n #restart-button {\n margin-top: 10px;\n padding: 8px 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"game-container\">\n <div id=\"player\"><\/div>\n \n <div id=\"score-container\">\n <p>Puan: <span id=\"score\">0<\/span><\/p>\n <\/div>\n \n <div id=\"power-container\">\n <p>G\u00fc\u00e7: <span id=\"power\">1<\/span><\/p>\n <\/div>\n \n <button id=\"upgrade-button\" disabled>G\u00fc\u00e7 Y\u00fckselt (10 puan)<\/button>\n \n <div id=\"game-over\">\n <h2>Oyun Bitti!<\/h2>\n <p>Toplam Puan: <span id=\"final-score\">0<\/span><\/p>\n <button id=\"restart-button\">Yeniden Ba\u015fla<\/button>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const gameContainer = document.getElementById('game-container');\n const player = document.getElementById('player');\n const scoreDisplay = document.getElementById('score');\n const powerDisplay = document.getElementById('power');\n const upgradeButton = document.getElementById('upgrade-button');\n const gameOverScreen = document.getElementById('game-over');\n const restartButton = document.getElementById('restart-button');\n let score = 0;\n let power = 1;\n let gameOver = false;\n\n let enemies = [];\n let projectiles = [];\n let enemyInterval;\n let gameLoopInterval;\n\n \/\/ Oyuncu hareketi\n document.addEventListener('mousemove', (e) => {\n if (!gameOver) {\n const newX = Math.max(30, Math.min(e.clientX, gameContainer.offsetWidth - 30));\n player.style.left = `${newX}px`;\n }\n });\n\n \/\/ Ate\u015f etme\n document.addEventListener('click', () => {\n if (!gameOver) {\n const projectile = document.createElement('div');\n projectile.classList.add('projectile');\n projectile.style.left = `${player.offsetLeft + player.offsetWidth \/ 2 - 5}px`;\n projectile.style.bottom = `${player.offsetTop + player.offsetHeight}px`;\n gameContainer.appendChild(projectile);\n projectiles.push(projectile);\n }\n });\n\n \/\/ D\u00fc\u015fman olu\u015fturma\n function createEnemies() {\n enemyInterval = setInterval(() => {\n if (!gameOver) {\n const enemy = document.createElement('div');\n enemy.classList.add('enemy');\n enemy.style.left = `${Math.random() * (gameContainer.offsetWidth - 50)}px`;\n gameContainer.appendChild(enemy);\n enemies.push(enemy);\n }\n }, 2000);\n }\n\n \/\/ D\u00fc\u015fmanlar ve mermiler aras\u0131ndaki \u00e7arp\u0131\u015fma\n function checkCollisions() {\n projectiles.forEach((projectile, projectileIndex) => {\n enemies.forEach((enemy, enemyIndex) => {\n const projectileRect = projectile.getBoundingClientRect();\n const enemyRect = enemy.getBoundingClientRect();\n\n if (projectileRect.left < enemyRect.right &&\n projectileRect.right > enemyRect.left &&\n projectileRect.top < enemyRect.bottom &&\n projectileRect.bottom > enemyRect.top) {\n\n \/\/ D\u00fc\u015fman\u0131 yok et ve mermiyi yok et\n gameContainer.removeChild(enemy);\n gameContainer.removeChild(projectile);\n enemies.splice(enemyIndex, 1);\n projectiles.splice(projectileIndex, 1);\n\n \/\/ Skoru art\u0131r\n score += power;\n scoreDisplay.textContent = score;\n\n \/\/ G\u00fc\u00e7 artt\u0131rma butonunu aktif et\n if (score >= 10) {\n upgradeButton.disabled = false;\n }\n }\n });\n });\n }\n\n \/\/ G\u00fc\u00e7 artt\u0131rma\n function upgradePower() {\n if (score >= 10) {\n score -= 10;\n power++;\n powerDisplay.textContent = power;\n scoreDisplay.textContent = score;\n }\n }\n\n \/\/ Oyun bitti\n function endGame() {\n gameOver = true;\n clearInterval(enemyInterval);\n clearInterval(gameLoopInterval);\n gameOverScreen.style.display = 'block';\n document.getElementById('final-score').textContent = score;\n }\n\n \/\/ Yeniden ba\u015flat\n restartButton.addEventListener('click', () => {\n window.location.reload();\n });\n\n \/\/ G\u00fc\u00e7 artt\u0131rma butonuna t\u0131klama\n upgradeButton.addEventListener('click', upgradePower);\n\n \/\/ Oyun d\u00f6ng\u00fcs\u00fc\n function gameLoop() {\n if (!gameOver) {\n checkCollisions();\n\n \/\/ Mermilerin yukar\u0131 do\u011fru hareketi\n projectiles.forEach((projectile, index) => {\n projectile.style.bottom = `${parseFloat(projectile.style.bottom) + 5}px`;\n if (parseFloat(projectile.style.bottom) > gameContainer.offsetHeight) {\n gameContainer.removeChild(projectile);\n projectiles.splice(index, 1);\n }\n });\n\n \/\/ D\u00fc\u015fmanlar\u0131n hareketi\n enemies.forEach((enemy, index) => {\n enemy.style.top = `${parseFloat(enemy.style.top) + 2}px`;\n if (parseFloat(enemy.style.top) > gameContainer.offsetHeight) {\n endGame();\n }\n });\n }\n }\n\n \/\/ Oyun ba\u015flatma\n createEnemies();\n gameLoopInterval = setInterval(gameLoop, 20);\n\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>hill Pee Hill – Tepe Savunma Oyunu Puan: 0 G\u00fc\u00e7: 1 G\u00fc\u00e7 Y\u00fckselt (10 puan) Oyun Bitti! Toplam Puan: 0 Yeniden Ba\u015fla<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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-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-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-gradient":""}},"ast-content-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-gradient":""},"tablet":{"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-gradient":""},"mobile":{"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-gradient":""}},"footnotes":""},"class_list":["post-1212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/comments?post=1212"}],"version-history":[{"count":11,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions"}],"predecessor-version":[{"id":1359,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions\/1359"}],"wp:attachment":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/media?parent=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\t\t\n

hill<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n \n \n Pee Hill - Tepe Savunma Oyunu<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n overflow: hidden;\n font-family: Arial, sans-serif;\n }\n \n #game-container {\n position: relative;\n width: 100vw;\n height: 50vh;\n background-color: #87ceeb;\n }\n \n #player {\n position: absolute;\n bottom: 180px;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 80px;\n background-color: #ff6347;\n z-index: 10;\n }\n \n .enemy {\n position: absolute;\n width: 50px;\n height: 70px;\n background-color: #4682b4;\n z-index: 5;\n }\n \n .projectile {\n position: absolute;\n width: 10px;\n height: 20px;\n background-color: yellow;\n border-radius: 50%;\n z-index: 8;\n }\n \n #score-container {\n position: absolute;\n top: 10px;\n left: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n padding: 10px;\n border-radius: 5px;\n z-index: 100;\n }\n \n #power-container {\n position: absolute;\n top: 10px;\n right: 10px;\n background-color: rgba(255, 255, 255, 0.7);\n padding: 10px;\n border-radius: 5px;\n z-index: 100;\n }\n \n #upgrade-button {\n position: absolute;\n top: 70px;\n right: 10px;\n padding: 8px 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n z-index: 100;\n }\n \n #game-over {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: rgba(255, 255, 255, 0.9);\n padding: 20px;\n border-radius: 10px;\n text-align: center;\n display: none;\n z-index: 200;\n }\n \n #restart-button {\n margin-top: 10px;\n padding: 8px 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n }\n <\/style>\n<\/head>\n<body>\n <div id=\"game-container\">\n <div id=\"player\"><\/div>\n \n <div id=\"score-container\">\n <p>Puan: <span id=\"score\">0<\/span><\/p>\n <\/div>\n \n <div id=\"power-container\">\n <p>G\u00fc\u00e7: <span id=\"power\">1<\/span><\/p>\n <\/div>\n \n <button id=\"upgrade-button\" disabled>G\u00fc\u00e7 Y\u00fckselt (10 puan)<\/button>\n \n <div id=\"game-over\">\n <h2>Oyun Bitti!<\/h2>\n <p>Toplam Puan: <span id=\"final-score\">0<\/span><\/p>\n <button id=\"restart-button\">Yeniden Ba\u015fla<\/button>\n <\/div>\n <\/div>\n \n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const gameContainer = document.getElementById('game-container');\n const player = document.getElementById('player');\n const scoreDisplay = document.getElementById('score');\n const powerDisplay = document.getElementById('power');\n const upgradeButton = document.getElementById('upgrade-button');\n const gameOverScreen = document.getElementById('game-over');\n const restartButton = document.getElementById('restart-button');\n let score = 0;\n let power = 1;\n let gameOver = false;\n\n let enemies = [];\n let projectiles = [];\n let enemyInterval;\n let gameLoopInterval;\n\n \/\/ Oyuncu hareketi\n document.addEventListener('mousemove', (e) => {\n if (!gameOver) {\n const newX = Math.max(30, Math.min(e.clientX, gameContainer.offsetWidth - 30));\n player.style.left = `${newX}px`;\n }\n });\n\n \/\/ Ate\u015f etme\n document.addEventListener('click', () => {\n if (!gameOver) {\n const projectile = document.createElement('div');\n projectile.classList.add('projectile');\n projectile.style.left = `${player.offsetLeft + player.offsetWidth \/ 2 - 5}px`;\n projectile.style.bottom = `${player.offsetTop + player.offsetHeight}px`;\n gameContainer.appendChild(projectile);\n projectiles.push(projectile);\n }\n });\n\n \/\/ D\u00fc\u015fman olu\u015fturma\n function createEnemies() {\n enemyInterval = setInterval(() => {\n if (!gameOver) {\n const enemy = document.createElement('div');\n enemy.classList.add('enemy');\n enemy.style.left = `${Math.random() * (gameContainer.offsetWidth - 50)}px`;\n gameContainer.appendChild(enemy);\n enemies.push(enemy);\n }\n }, 2000);\n }\n\n \/\/ D\u00fc\u015fmanlar ve mermiler aras\u0131ndaki \u00e7arp\u0131\u015fma\n function checkCollisions() {\n projectiles.forEach((projectile, projectileIndex) => {\n enemies.forEach((enemy, enemyIndex) => {\n const projectileRect = projectile.getBoundingClientRect();\n const enemyRect = enemy.getBoundingClientRect();\n\n if (projectileRect.left < enemyRect.right &&\n projectileRect.right > enemyRect.left &&\n projectileRect.top < enemyRect.bottom &&\n projectileRect.bottom > enemyRect.top) {\n\n \/\/ D\u00fc\u015fman\u0131 yok et ve mermiyi yok et\n gameContainer.removeChild(enemy);\n gameContainer.removeChild(projectile);\n enemies.splice(enemyIndex, 1);\n projectiles.splice(projectileIndex, 1);\n\n \/\/ Skoru art\u0131r\n score += power;\n scoreDisplay.textContent = score;\n\n \/\/ G\u00fc\u00e7 artt\u0131rma butonunu aktif et\n if (score >= 10) {\n upgradeButton.disabled = false;\n }\n }\n });\n });\n }\n\n \/\/ G\u00fc\u00e7 artt\u0131rma\n function upgradePower() {\n if (score >= 10) {\n score -= 10;\n power++;\n powerDisplay.textContent = power;\n scoreDisplay.textContent = score;\n }\n }\n\n \/\/ Oyun bitti\n function endGame() {\n gameOver = true;\n clearInterval(enemyInterval);\n clearInterval(gameLoopInterval);\n gameOverScreen.style.display = 'block';\n document.getElementById('final-score').textContent = score;\n }\n\n \/\/ Yeniden ba\u015flat\n restartButton.addEventListener('click', () => {\n window.location.reload();\n });\n\n \/\/ G\u00fc\u00e7 artt\u0131rma butonuna t\u0131klama\n upgradeButton.addEventListener('click', upgradePower);\n\n \/\/ Oyun d\u00f6ng\u00fcs\u00fc\n function gameLoop() {\n if (!gameOver) {\n checkCollisions();\n\n \/\/ Mermilerin yukar\u0131 do\u011fru hareketi\n projectiles.forEach((projectile, index) => {\n projectile.style.bottom = `${parseFloat(projectile.style.bottom) + 5}px`;\n if (parseFloat(projectile.style.bottom) > gameContainer.offsetHeight) {\n gameContainer.removeChild(projectile);\n projectiles.splice(index, 1);\n }\n });\n\n \/\/ D\u00fc\u015fmanlar\u0131n hareketi\n enemies.forEach((enemy, index) => {\n enemy.style.top = `${parseFloat(enemy.style.top) + 2}px`;\n if (parseFloat(enemy.style.top) > gameContainer.offsetHeight) {\n endGame();\n }\n });\n }\n }\n\n \/\/ Oyun ba\u015flatma\n createEnemies();\n gameLoopInterval = setInterval(gameLoop, 20);\n\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>hill Pee Hill – Tepe Savunma Oyunu Puan: 0 G\u00fc\u00e7: 1 G\u00fc\u00e7 Y\u00fckselt (10 puan) Oyun Bitti! Toplam Puan: 0 Yeniden Ba\u015fla<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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-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-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-gradient":""}},"ast-content-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-gradient":""},"tablet":{"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-gradient":""},"mobile":{"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-gradient":""}},"footnotes":""},"class_list":["post-1212","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/comments?post=1212"}],"version-history":[{"count":11,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions"}],"predecessor-version":[{"id":1359,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1212\/revisions\/1359"}],"wp:attachment":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/media?parent=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}