Modern River Raid JS v2<\/title>\n <style>\n body {\n margin: 0;\n background-color: #1a1a1a;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n overflow: hidden;\n color: white;\n }\n #gameContainer {\n position: relative;\n box-shadow: 0 0 50px rgba(0, 255, 255, 0.2);\n border: 4px solid #333;\n }\n canvas {\n background-color: #2b3e50; \/* Nehir Rengi *\/\n display: block;\n }\n #ui-layer {\n position: absolute;\n top: 10px;\n left: 10px;\n right: 10px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n font-size: 20px;\n font-weight: bold;\n text-shadow: 1px 1px 2px black;\n }\n #start-screen, #game-over-screen {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background: rgba(0,0,0,0.85);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n h1 { margin: 0 0 20px 0; color: #ffcc00; text-transform: uppercase; letter-spacing: 3px; }\n p { margin: 5px 0; color: #ddd; }\n button {\n margin-top: 20px;\n padding: 15px 30px;\n font-size: 18px;\n background: #ff4757;\n color: white;\n border: none;\n cursor: pointer;\n border-radius: 5px;\n transition: background 0.2s;\n }\n button:hover { background: #ff6b81; }\n .hidden { display: none !important; }\n \n \/* Yak\u0131t \u00c7ubu\u011fu *\/\n #fuel-container {\n width: 200px;\n height: 20px;\n background: #333;\n border: 2px solid #fff;\n position: relative;\n border-radius: 5px;\n overflow: hidden;\n }\n #fuel-bar {\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, #e74c3c, #f1c40f, #2ecc71);\n transition: width 0.1s linear;\n }\n #fuel-label {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-size: 12px;\n color: white;\n text-shadow: 1px 1px 1px black;\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"gameContainer\">\n <canvas id=\"gameCanvas\" width=\"600\" height=\"800\"><\/canvas>\n \n <div id=\"ui-layer\">\n <div id=\"score\">SKOR: 0<\/div>\n <div id=\"fuel-container\">\n <div id=\"fuel-bar\"><\/div>\n <div id=\"fuel-label\">FUEL<\/div>\n <\/div>\n <\/div>\n\n <div id=\"start-screen\">\n <h1>River Raid Remake<\/h1>\n <p>Y\u00d6N TU\u015eLARI ile hareket et<\/p>\n <p>SPACE (Bo\u015fluk) ile ate\u015f et<\/p>\n <p>H\u0131zlanmak i\u00e7in \u0130LER\u0130, yava\u015flamak i\u00e7in GER\u0130 bas<\/p>\n <p>Yak\u0131t tanklar\u0131n\u0131n (FUEL) \u00fczerinden ge\u00e7erek yak\u0131t al<\/p>\n <button onclick=\"startGame()\">BA\u015eLAT<\/button>\n <\/div>\n\n <div id=\"game-over-screen\" class=\"hidden\">\n <h1 style=\"color: #ff4757;\">OYUN B\u0130TT\u0130<\/h1>\n <p id=\"final-score\">Skor: 0<\/p>\n <button onclick=\"resetGame()\">TEKRAR OYNA<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/**\n * MODERN RIVER RAID V2 - Geli\u015fmi\u015f Grafikler\n * Canvas API kullan\u0131larak haz\u0131rlanm\u0131\u015f prototip.\n *\/\n\nconst canvas = document.getElementById('gameCanvas');\nconst ctx = canvas.getContext('2d');\n\n\/\/ Oyun Durum De\u011fi\u015fkenleri\nlet gameRunning = false;\nlet score = 0;\nlet frames = 0;\nlet gameSpeed = 2; \/\/ Temel kayma h\u0131z\u0131\nlet keys = {};\n\n\/\/ Oyuncu\nconst player = {\n x: canvas.width \/ 2 - 20,\n y: canvas.height - 100,\n width: 40,\n height: 50,\n speed: 5,\n color: '#f1c40f',\n bullets: [],\n fuel: 100,\n maxFuel: 100\n};\n\n\/\/ Varl\u0131klar\nlet enemies = [];\nlet particles = [];\nlet fuels = [];\nlet riverOffset = 0; \/\/ Nehir kayd\u0131rma i\u00e7in\nconst riverWidth = 50; \/\/ K\u0131y\u0131 \u015feridi geni\u015fli\u011fi\n\n\/\/ Dinleyiciler\ndocument.addEventListener('keydown', (e) => keys[e.code] = true);\ndocument.addEventListener('keyup', (e) => {\n keys[e.code] = false;\n if(e.code === 'Space' && gameRunning) shoot();\n});\n\nfunction startGame() {\n document.getElementById('start-screen').classList.add('hidden');\n resetVariables();\n gameRunning = true;\n gameLoop();\n}\n\nfunction resetGame() {\n document.getElementById('game-over-screen').classList.add('hidden');\n resetVariables();\n gameRunning = true;\n gameLoop();\n}\n\nfunction resetVariables() {\n score = 0;\n frames = 0;\n gameSpeed = 2;\n player.x = canvas.width \/ 2 - 20;\n player.y = canvas.height - 100;\n player.fuel = 100;\n player.bullets = [];\n enemies = [];\n particles = [];\n fuels = [];\n riverOffset = 0;\n updateUI();\n}\n\nfunction shoot() {\n player.bullets.push({\n x: player.x + player.width \/ 2 - 4,\n y: player.y,\n width: 8,\n height: 15,\n speed: 10,\n color: '#ffdd00'\n });\n}\n\nfunction createExplosion(x, y, count, minSize, maxSize, colors) {\n for (let i = 0; i < count; i++) {\n particles.push({\n x: x,\n y: y,\n vx: (Math.random() - 0.5) * (maxSize * 0.5),\n vy: (Math.random() - 0.5) * (maxSize * 0.5),\n life: 1.0,\n size: minSize + Math.random() * (maxSize - minSize),\n color: colors[Math.floor(Math.random() * colors.length)]\n });\n }\n}\n\n\/\/ --- OYUN D\u00d6NG\u00dcS\u00dc ---\nfunction gameLoop() {\n if (!gameRunning) return;\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n \/\/ 1. Mant\u0131k G\u00fcncellemeleri\n updatePlayer();\n updateBullets();\n updateEnemies();\n updateFuelTanks();\n updateParticles();\n riverOffset = (riverOffset + gameSpeed * 0.5) % 100; \/\/ Nehir ak\u0131\u015f efekti\n \n \/\/ Zorluk art\u0131\u015f\u0131\n if (frames % 1000 === 0) gameSpeed += 0.2;\n\n \/\/ 2. \u00c7izimler\n drawRiver();\n drawPlayer();\n drawBullets();\n drawEnemies();\n drawFuelTanks();\n drawParticles();\n\n \/\/ Yak\u0131t kontrol\u00fc\n player.fuel -= 0.05; \/\/ S\u00fcrekli yak\u0131t azalmas\u0131\n if (keys['ArrowUp']) player.fuel -= 0.1; \/\/ H\u0131zl\u0131 giderken daha \u00e7ok yak\u0131t\n if (player.fuel <= 0) gameOver();\n\n updateUI();\n frames++;\n requestAnimationFrame(gameLoop);\n}\n\nfunction updatePlayer() {\n \/\/ Hareket\n if (keys['ArrowLeft'] && player.x > riverWidth) player.x -= player.speed;\n if (keys['ArrowRight'] && player.x < canvas.width - riverWidth - player.width) player.x += player.speed;\n \n \/\/ \u0130leri geri h\u0131z kontrol\u00fc (Ekran\u0131 de\u011fil, oyun h\u0131z\u0131n\u0131 etkiler)\n if (keys['ArrowUp']) {\n gameSpeed = 4; \/\/ H\u0131zlan\n } else if (keys['ArrowDown']) {\n gameSpeed = 1; \/\/ Yava\u015fla\n } else {\n gameSpeed = 2; \/\/ Normal\n }\n}\n\nfunction updateBullets() {\n player.bullets.forEach((b, index) => {\n b.y -= b.speed;\n if (b.y < 0) player.bullets.splice(index, 1);\n });\n}\n\nfunction updateEnemies() {\n \/\/ D\u00fc\u015fman olu\u015fturma\n if (frames % 100 === 0) {\n let type = Math.random() > 0.5 ? 'heli' : 'ship';\n let xPos = riverWidth + 10 + Math.random() * (canvas.width - riverWidth * 2 - 20);\n enemies.push({\n x: xPos,\n y: -50,\n width: 40,\n height: type === 'ship' ? 60 : 40,\n type: type,\n speed: type === 'heli' ? 1 : 0.5, \/\/ Helikopterler h\u0131zl\u0131, gemiler yava\u015f\n vx: 0, \/\/ Helikopter i\u00e7in yan hareket\n health: 1\n });\n }\n\n enemies.forEach((e, index) => {\n e.y += gameSpeed + e.speed; \/\/ Oyun h\u0131z\u0131 + kendi h\u0131z\u0131\n \n \/\/ Yanlara hareket (Heli i\u00e7in)\n if (e.type === 'heli') {\n e.vx = Math.sin(frames * 0.05) * 2;\n e.x += e.vx;\n \/\/ Nehir i\u00e7inde kalmas\u0131n\u0131 sa\u011fla\n e.x = Math.max(riverWidth + 5, Math.min(canvas.width - riverWidth - e.width - 5, e.x));\n }\n\n \/\/ \u00c7arp\u0131\u015fma Kontrol\u00fc (Mermi)\n player.bullets.forEach((b, bIndex) => {\n if (rectIntersect(b.x, b.y, b.width, b.height, e.x, e.y, e.width, e.height)) {\n \/\/ Vuruldu\n createExplosion(e.x + e.width\/2, e.y + e.height\/2, 15, 3, 8, ['#ff4757', '#ff8d47', '#ffc447']);\n enemies.splice(index, 1);\n player.bullets.splice(bIndex, 1);\n score += 100;\n }\n });\n\n \/\/ \u00c7arp\u0131\u015fma Kontrol\u00fc (Oyuncu)\n if (rectIntersect(player.x, player.y, player.width, player.height, e.x, e.y, e.width, e.height)) {\n createExplosion(player.x, player.y, 30, 5, 12, ['#fff', '#ccc', '#aaa']);\n gameOver();\n }\n\n if (e.y > canvas.height) enemies.splice(index, 1);\n });\n}\n\nfunction updateFuelTanks() {\n if (frames % 400 === 0) {\n fuels.push({\n x: riverWidth + 10 + Math.random() * (canvas.width - riverWidth * 2 - 20),\n y: -50,\n width: 30,\n height: 50,\n active: true\n });\n }\n\n fuels.forEach((f, index) => {\n f.y += gameSpeed;\n \n \/\/ Yak\u0131t alma kontrol\u00fc\n if (f.active && rectIntersect(player.x, player.y, player.width, player.height, f.x, f.y, f.width, f.height)) {\n player.fuel = Math.min(player.maxFuel, player.fuel + 2); \/\/ Yava\u015f yava\u015f doldur\n score += 5; \/\/ Yak\u0131t al\u0131rken puan kazan\n f.active = false; \/\/ Yak\u0131t bir kez al\u0131n\u0131r\n createExplosion(f.x + f.width\/2, f.y + f.height\/2, 5, 2, 5, ['#2ecc71', '#90ee90']); \/\/ Yak\u0131t toplama efekti\n \/\/ Yak\u0131t efekti (ses efekti eklenebilir)\n }\n\n if (f.y > canvas.height) fuels.splice(index, 1);\n });\n}\n\nfunction updateParticles() {\n particles.forEach((p, index) => {\n p.x += p.vx;\n p.y += p.vy + gameSpeed * 0.5; \/\/ Partik\u00fcller de a\u015fa\u011f\u0131 kayabilir\n p.life -= 0.03; \/\/ Daha uzun \u00f6m\u00fcrl\u00fc patlama\n p.size *= 0.98; \/\/ K\u00fc\u00e7\u00fcls\u00fcnler\n if (p.life <= 0 || p.size < 1) particles.splice(index, 1);\n });\n}\n\nfunction drawPlayer() {\n ctx.save();\n ctx.translate(player.x + player.width\/2, player.y + player.height\/2);\n \n \/\/ Kanat e\u011fimi efekti\n if (keys['ArrowLeft']) ctx.rotate(-0.1);\n if (keys['ArrowRight']) ctx.rotate(0.1);\n\n \/\/ Ana G\u00f6vde (Gri tonlarda, metalik)\n ctx.fillStyle = '#7f8c8d';\n ctx.beginPath();\n ctx.moveTo(0, -25); \/\/ Burun\n ctx.lineTo(10, 20); \/\/ Sa\u011f arka\n ctx.lineTo(0, 15); \/\/ Kuyruk ortas\u0131\n ctx.lineTo(-10, 20); \/\/ Sol arka\n ctx.closePath();\n ctx.fill();\n ctx.strokeStyle = '#5c6c70';\n ctx.lineWidth = 2;\n ctx.stroke();\n\n \/\/ Kokpit Cam\u0131\n ctx.fillStyle = '#3498db'; \/\/ Mavi\n ctx.beginPath();\n ctx.arc(0, -15, 8, Math.PI, 0); \/\/ \u00dcst yar\u0131m daire\n ctx.lineTo(8, -5);\n ctx.lineTo(-8, -5);\n ctx.closePath();\n ctx.fill();\n ctx.strokeStyle = '#2c3e50';\n ctx.stroke();\n\n \/\/ Kanatlar (Daha geni\u015f ve a\u00e7\u0131l\u0131)\n ctx.fillStyle = '#95a5a6';\n ctx.beginPath();\n ctx.moveTo(0, 0);\n ctx.lineTo(30, 10);\n ctx.lineTo(35, 25);\n ctx.lineTo(0, 15);\n ctx.lineTo(-35, 25);\n ctx.lineTo(-30, 10);\n ctx.closePath();\n ctx.fill();\n ctx.stroke();\n\n \/\/ Jet Alevi (Daha dinamik)\n if (keys['ArrowUp'] || gameRunning) { \/\/ Oyun ba\u015flad\u0131\u011f\u0131nda da hafif bir alev olsun\n const flameHeight = 10 + Math.random() * 10;\n ctx.fillStyle = `rgba(255, 100, 0, ${0.5 + Math.random() * 0.5})`; \/\/ Turuncu\n ctx.beginPath();\n ctx.moveTo(-7, 20);\n ctx.lineTo(0, 20 + flameHeight);\n ctx.lineTo(7, 20);\n ctx.fill();\n\n ctx.fillStyle = `rgba(255, 200, 0, ${0.5 + Math.random() * 0.5})`; \/\/ Sar\u0131\n ctx.beginPath();\n ctx.moveTo(-4, 20);\n ctx.lineTo(0, 20 + flameHeight * 0.7);\n ctx.lineTo(4, 20);\n ctx.fill();\n }\n\n ctx.restore();\n}\n\nfunction drawEnemies() {\n enemies.forEach(e => {\n ctx.save();\n ctx.translate(e.x + e.width\/2, e.y + e.height\/2); \/\/ Merkeze ta\u015f\u0131\n \n if (e.type === 'heli') {\n \/\/ Helikopter\n ctx.fillStyle = '#c0392b'; \/\/ K\u0131rm\u0131z\u0131ms\u0131 g\u00f6vde\n ctx.beginPath();\n ctx.ellipse(0, 0, 20, 15, 0, 0, Math.PI * 2); \/\/ Ana g\u00f6vde\n ctx.fill();\n ctx.strokeStyle = '#a93226';\n ctx.lineWidth = 2;\n ctx.stroke();\n\n \/\/ Kuyruk\n ctx.fillRect(-2, 10, 4, 25);\n\n \/\/ Pervane dire\u011fi\n ctx.fillStyle = '#7f8c8d';\n ctx.fillRect(-2, -25, 4, 15);\n \n \/\/ Pervane animasyonu\n ctx.fillStyle = '#bdc3c7'; \/\/ Gri pervane\n ctx.save();\n ctx.rotate(frames * 0.2); \/\/ Yava\u015f d\u00f6nen pervane\n ctx.fillRect(-30, -2, 60, 4); \/\/ Yatay pervane\n ctx.restore();\n \n ctx.save();\n ctx.rotate(frames * 0.2 + Math.PI \/ 2);\n ctx.fillRect(-15, -2, 30, 4); \/\/ K\u00fc\u00e7\u00fck dikey pervane (daha k\u0131sa)\n ctx.restore();\n\n } else {\n \/\/ Gemi\n ctx.fillStyle = '#34495e'; \/\/ Koyu mavi g\u00f6vde\n ctx.beginPath();\n ctx.moveTo(-20, 20); \/\/ Sol alt\n ctx.lineTo(20, 20); \/\/ Sa\u011f alt\n ctx.lineTo(15, -20); \/\/ Sa\u011f \u00fcst\n ctx.lineTo(-15, -20); \/\/ Sol \u00fcst\n ctx.closePath();\n ctx.fill();\n ctx.strokeStyle = '#2c3e50';\n ctx.lineWidth = 2;\n ctx.stroke();\n\n \/\/ K\u00f6pr\u00fc\n ctx.fillStyle = '#7f8c8d';\n ctx.fillRect(-8, -15, 16, 15);\n ctx.strokeStyle = '#5c6c70';\n ctx.strokeRect(-8, -15, 16, 15);\n\n \/\/ Baca\n ctx.fillStyle = '#e74c3c'; \/\/ K\u0131rm\u0131z\u0131 baca\n ctx.fillRect(-4, -25, 8, 10);\n ctx.strokeStyle = '#c0392b';\n ctx.strokeRect(-4, -25, 8, 10);\n }\n ctx.restore();\n });\n}\n\nfunction drawFuelTanks() {\n fuels.forEach(f => {\n if (!f.active) return; \/\/ Yak\u0131t al\u0131nm\u0131\u015fsa \u00e7izme\n\n ctx.save();\n ctx.translate(f.x + f.width\/2, f.y + f.height\/2);\n\n \/\/ Ana tank\n ctx.fillStyle = '#e67e22'; \/\/ Turuncu\n ctx.fillRect(-f.width\/2, -f.height\/2, f.width, f.height);\n ctx.strokeStyle = '#d35400';\n ctx.lineWidth = 2;\n ctx.strokeRect(-f.width\/2, -f.height\/2, f.width, f.height);\n\n \/\/ Yak\u0131t g\u00f6stergesi\n ctx.fillStyle = '#f1c40f'; \/\/ Sar\u0131\n ctx.fillRect(-f.width\/2 + 4, -f.height\/2 + 4, f.width - 8, f.height - 8);\n\n \/\/ \"FUEL\" yaz\u0131s\u0131\n ctx.fillStyle = 'white';\n ctx.font = 'bold 12px Arial';\n ctx.textAlign = 'center';\n ctx.textBaseline = 'middle';\n ctx.fillText('FUEL', 0, 0);\n\n ctx.restore();\n });\n}\n\nfunction drawBullets() {\n player.bullets.forEach(b => {\n ctx.fillStyle = b.color;\n ctx.fillRect(b.x, b.y, b.width, b.height);\n \/\/ Hafif bir parlama efekti i\u00e7in g\u00f6lge\n ctx.shadowColor = b.color;\n ctx.shadowBlur = 5;\n });\n ctx.shadowBlur = 0; \/\/ G\u00f6lgeyi s\u0131f\u0131rla\n}\n\nfunction drawParticles() {\n particles.forEach(p => {\n ctx.globalAlpha = p.life;\n ctx.fillStyle = p.color;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n ctx.fill();\n ctx.globalAlpha = 1.0;\n });\n}\n\nfunction drawRiver() {\n \/\/ Koyu ye\u015fil k\u0131y\u0131lar\n ctx.fillStyle = '#27ae60';\n ctx.fillRect(0, 0, riverWidth, canvas.height);\n ctx.fillRect(canvas.width - riverWidth, 0, riverWidth, canvas.height);\n \n \/\/ A\u00e7\u0131k ye\u015fil k\u0131y\u0131 \u015feritleri (H\u0131z hissi ve paralaks i\u00e7in)\n ctx.fillStyle = '#2ecc71';\n \n \/\/ Sol \u015ferit\n for (let i = -2; i < canvas.height \/ 50 + 2; i++) {\n const y = (i * 50 + riverOffset * 0.8) % (canvas.height + 100) - 100;\n ctx.fillRect(riverWidth - 10, y, 10, 30);\n }\n \/\/ Sa\u011f \u015ferit\n for (let i = -2; i < canvas.height \/ 50 + 2; i++) {\n const y = (i * 50 + riverOffset * 0.8) % (canvas.height + 100) - 100;\n ctx.fillRect(canvas.width - riverWidth, y, 10, 30);\n }\n\n \/\/ Ortadaki nehir \u00e7izgileri (h\u0131z hissi)\n ctx.fillStyle = 'rgba(255, 255, 255, 0.2)'; \/\/ Hafif \u015feffaf beyaz\n for (let i = -2; i < canvas.height \/ 70 + 2; i++) {\n const y = (i * 70 + riverOffset * 1.2) % (canvas.height + 140) - 140; \/\/ Daha h\u0131zl\u0131 kayan \u00e7izgiler\n ctx.fillRect(canvas.width \/ 2 - 50, y, 100, 3);\n ctx.fillRect(canvas.width \/ 2 - 2, y, 4, 3); \/\/ Ortadaki k\u00fc\u00e7\u00fck \u00e7izgi\n }\n}\n\nfunction updateUI() {\n document.getElementById('score').innerText = 'SKOR: ' + score;\n document.getElementById('fuel-bar').style.width = player.fuel + '%';\n document.getElementById('final-score').innerText = 'Skorun: ' + score;\n}\n\nfunction gameOver() {\n gameRunning = false;\n document.getElementById('game-over-screen').classList.remove('hidden');\n}\n\nfunction rectIntersect(x1, y1, w1, h1, x2, y2, w2, h2) {\n return x2 < x1 + w1 && x2 + w2 > x1 && y2 < y1 + h1 && y2 + h2 > y1;\n}\n\n<\/script>\n<\/body>\n<\/html>\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>Modern River Raid JS v2 SKOR: 0 FUEL River Raid Remake Y\u00d6N TU\u015eLARI ile hareket et SPACE (Bo\u015fluk) ile ate\u015f et H\u0131zlanmak i\u00e7in \u0130LER\u0130, yava\u015flamak i\u00e7in GER\u0130 bas Yak\u0131t tanklar\u0131n\u0131n (FUEL) \u00fczerinden ge\u00e7erek yak\u0131t al BA\u015eLAT OYUN B\u0130TT\u0130 Skor: 0 TEKRAR OYNA<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-1704","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1704","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=1704"}],"version-history":[{"count":4,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1704\/revisions"}],"predecessor-version":[{"id":1708,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1704\/revisions\/1708"}],"wp:attachment":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/media?parent=1704"}],"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\n\n\n \n Modern River Raid JS v2<\/title>\n <style>\n body {\n margin: 0;\n background-color: #1a1a1a;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n overflow: hidden;\n color: white;\n }\n #gameContainer {\n position: relative;\n box-shadow: 0 0 50px rgba(0, 255, 255, 0.2);\n border: 4px solid #333;\n }\n canvas {\n background-color: #2b3e50; \/* Nehir Rengi *\/\n display: block;\n }\n #ui-layer {\n position: absolute;\n top: 10px;\n left: 10px;\n right: 10px;\n display: flex;\n justify-content: space-between;\n pointer-events: none;\n font-size: 20px;\n font-weight: bold;\n text-shadow: 1px 1px 2px black;\n }\n #start-screen, #game-over-screen {\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background: rgba(0,0,0,0.85);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n h1 { margin: 0 0 20px 0; color: #ffcc00; text-transform: uppercase; letter-spacing: 3px; }\n p { margin: 5px 0; color: #ddd; }\n button {\n margin-top: 20px;\n padding: 15px 30px;\n font-size: 18px;\n background: #ff4757;\n color: white;\n border: none;\n cursor: pointer;\n border-radius: 5px;\n transition: background 0.2s;\n }\n button:hover { background: #ff6b81; }\n .hidden { display: none !important; }\n \n \/* Yak\u0131t \u00c7ubu\u011fu *\/\n #fuel-container {\n width: 200px;\n height: 20px;\n background: #333;\n border: 2px solid #fff;\n position: relative;\n border-radius: 5px;\n overflow: hidden;\n }\n #fuel-bar {\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, #e74c3c, #f1c40f, #2ecc71);\n transition: width 0.1s linear;\n }\n #fuel-label {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n font-size: 12px;\n color: white;\n text-shadow: 1px 1px 1px black;\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"gameContainer\">\n <canvas id=\"gameCanvas\" width=\"600\" height=\"800\"><\/canvas>\n \n <div id=\"ui-layer\">\n <div id=\"score\">SKOR: 0<\/div>\n <div id=\"fuel-container\">\n <div id=\"fuel-bar\"><\/div>\n <div id=\"fuel-label\">FUEL<\/div>\n <\/div>\n <\/div>\n\n <div id=\"start-screen\">\n <h1>River Raid Remake<\/h1>\n <p>Y\u00d6N TU\u015eLARI ile hareket et<\/p>\n <p>SPACE (Bo\u015fluk) ile ate\u015f et<\/p>\n <p>H\u0131zlanmak i\u00e7in \u0130LER\u0130, yava\u015flamak i\u00e7in GER\u0130 bas<\/p>\n <p>Yak\u0131t tanklar\u0131n\u0131n (FUEL) \u00fczerinden ge\u00e7erek yak\u0131t al<\/p>\n <button onclick=\"startGame()\">BA\u015eLAT<\/button>\n <\/div>\n\n <div id=\"game-over-screen\" class=\"hidden\">\n <h1 style=\"color: #ff4757;\">OYUN B\u0130TT\u0130<\/h1>\n <p id=\"final-score\">Skor: 0<\/p>\n <button onclick=\"resetGame()\">TEKRAR OYNA<\/button>\n <\/div>\n<\/div>\n\n<script>\n\/**\n * MODERN RIVER RAID V2 - Geli\u015fmi\u015f Grafikler\n * Canvas API kullan\u0131larak haz\u0131rlanm\u0131\u015f prototip.\n *\/\n\nconst canvas = document.getElementById('gameCanvas');\nconst ctx = canvas.getContext('2d');\n\n\/\/ Oyun Durum De\u011fi\u015fkenleri\nlet gameRunning = false;\nlet score = 0;\nlet frames = 0;\nlet gameSpeed = 2; \/\/ Temel kayma h\u0131z\u0131\nlet keys = {};\n\n\/\/ Oyuncu\nconst player = {\n x: canvas.width \/ 2 - 20,\n y: canvas.height - 100,\n width: 40,\n height: 50,\n speed: 5,\n color: '#f1c40f',\n bullets: [],\n fuel: 100,\n maxFuel: 100\n};\n\n\/\/ Varl\u0131klar\nlet enemies = [];\nlet particles = [];\nlet fuels = [];\nlet riverOffset = 0; \/\/ Nehir kayd\u0131rma i\u00e7in\nconst riverWidth = 50; \/\/ K\u0131y\u0131 \u015feridi geni\u015fli\u011fi\n\n\/\/ Dinleyiciler\ndocument.addEventListener('keydown', (e) => keys[e.code] = true);\ndocument.addEventListener('keyup', (e) => {\n keys[e.code] = false;\n if(e.code === 'Space' && gameRunning) shoot();\n});\n\nfunction startGame() {\n document.getElementById('start-screen').classList.add('hidden');\n resetVariables();\n gameRunning = true;\n gameLoop();\n}\n\nfunction resetGame() {\n document.getElementById('game-over-screen').classList.add('hidden');\n resetVariables();\n gameRunning = true;\n gameLoop();\n}\n\nfunction resetVariables() {\n score = 0;\n frames = 0;\n gameSpeed = 2;\n player.x = canvas.width \/ 2 - 20;\n player.y = canvas.height - 100;\n player.fuel = 100;\n player.bullets = [];\n enemies = [];\n particles = [];\n fuels = [];\n riverOffset = 0;\n updateUI();\n}\n\nfunction shoot() {\n player.bullets.push({\n x: player.x + player.width \/ 2 - 4,\n y: player.y,\n width: 8,\n height: 15,\n speed: 10,\n color: '#ffdd00'\n });\n}\n\nfunction createExplosion(x, y, count, minSize, maxSize, colors) {\n for (let i = 0; i < count; i++) {\n particles.push({\n x: x,\n y: y,\n vx: (Math.random() - 0.5) * (maxSize * 0.5),\n vy: (Math.random() - 0.5) * (maxSize * 0.5),\n life: 1.0,\n size: minSize + Math.random() * (maxSize - minSize),\n color: colors[Math.floor(Math.random() * colors.length)]\n });\n }\n}\n\n\/\/ --- OYUN D\u00d6NG\u00dcS\u00dc ---\nfunction gameLoop() {\n if (!gameRunning) return;\n\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n \n \/\/ 1. Mant\u0131k G\u00fcncellemeleri\n updatePlayer();\n updateBullets();\n updateEnemies();\n updateFuelTanks();\n updateParticles();\n riverOffset = (riverOffset + gameSpeed * 0.5) % 100; \/\/ Nehir ak\u0131\u015f efekti\n \n \/\/ Zorluk art\u0131\u015f\u0131\n if (frames % 1000 === 0) gameSpeed += 0.2;\n\n \/\/ 2. \u00c7izimler\n drawRiver();\n drawPlayer();\n drawBullets();\n drawEnemies();\n drawFuelTanks();\n drawParticles();\n\n \/\/ Yak\u0131t kontrol\u00fc\n player.fuel -= 0.05; \/\/ S\u00fcrekli yak\u0131t azalmas\u0131\n if (keys['ArrowUp']) player.fuel -= 0.1; \/\/ H\u0131zl\u0131 giderken daha \u00e7ok yak\u0131t\n if (player.fuel <= 0) gameOver();\n\n updateUI();\n frames++;\n requestAnimationFrame(gameLoop);\n}\n\nfunction updatePlayer() {\n \/\/ Hareket\n if (keys['ArrowLeft'] && player.x > riverWidth) player.x -= player.speed;\n if (keys['ArrowRight'] && player.x < canvas.width - riverWidth - player.width) player.x += player.speed;\n \n \/\/ \u0130leri geri h\u0131z kontrol\u00fc (Ekran\u0131 de\u011fil, oyun h\u0131z\u0131n\u0131 etkiler)\n if (keys['ArrowUp']) {\n gameSpeed = 4; \/\/ H\u0131zlan\n } else if (keys['ArrowDown']) {\n gameSpeed = 1; \/\/ Yava\u015fla\n } else {\n gameSpeed = 2; \/\/ Normal\n }\n}\n\nfunction updateBullets() {\n player.bullets.forEach((b, index) => {\n b.y -= b.speed;\n if (b.y < 0) player.bullets.splice(index, 1);\n });\n}\n\nfunction updateEnemies() {\n \/\/ D\u00fc\u015fman olu\u015fturma\n if (frames % 100 === 0) {\n let type = Math.random() > 0.5 ? 'heli' : 'ship';\n let xPos = riverWidth + 10 + Math.random() * (canvas.width - riverWidth * 2 - 20);\n enemies.push({\n x: xPos,\n y: -50,\n width: 40,\n height: type === 'ship' ? 60 : 40,\n type: type,\n speed: type === 'heli' ? 1 : 0.5, \/\/ Helikopterler h\u0131zl\u0131, gemiler yava\u015f\n vx: 0, \/\/ Helikopter i\u00e7in yan hareket\n health: 1\n });\n }\n\n enemies.forEach((e, index) => {\n e.y += gameSpeed + e.speed; \/\/ Oyun h\u0131z\u0131 + kendi h\u0131z\u0131\n \n \/\/ Yanlara hareket (Heli i\u00e7in)\n if (e.type === 'heli') {\n e.vx = Math.sin(frames * 0.05) * 2;\n e.x += e.vx;\n \/\/ Nehir i\u00e7inde kalmas\u0131n\u0131 sa\u011fla\n e.x = Math.max(riverWidth + 5, Math.min(canvas.width - riverWidth - e.width - 5, e.x));\n }\n\n \/\/ \u00c7arp\u0131\u015fma Kontrol\u00fc (Mermi)\n player.bullets.forEach((b, bIndex) => {\n if (rectIntersect(b.x, b.y, b.width, b.height, e.x, e.y, e.width, e.height)) {\n \/\/ Vuruldu\n createExplosion(e.x + e.width\/2, e.y + e.height\/2, 15, 3, 8, ['#ff4757', '#ff8d47', '#ffc447']);\n enemies.splice(index, 1);\n player.bullets.splice(bIndex, 1);\n score += 100;\n }\n });\n\n \/\/ \u00c7arp\u0131\u015fma Kontrol\u00fc (Oyuncu)\n if (rectIntersect(player.x, player.y, player.width, player.height, e.x, e.y, e.width, e.height)) {\n createExplosion(player.x, player.y, 30, 5, 12, ['#fff', '#ccc', '#aaa']);\n gameOver();\n }\n\n if (e.y > canvas.height) enemies.splice(index, 1);\n });\n}\n\nfunction updateFuelTanks() {\n if (frames % 400 === 0) {\n fuels.push({\n x: riverWidth + 10 + Math.random() * (canvas.width - riverWidth * 2 - 20),\n y: -50,\n width: 30,\n height: 50,\n active: true\n });\n }\n\n fuels.forEach((f, index) => {\n f.y += gameSpeed;\n \n \/\/ Yak\u0131t alma kontrol\u00fc\n if (f.active && rectIntersect(player.x, player.y, player.width, player.height, f.x, f.y, f.width, f.height)) {\n player.fuel = Math.min(player.maxFuel, player.fuel + 2); \/\/ Yava\u015f yava\u015f doldur\n score += 5; \/\/ Yak\u0131t al\u0131rken puan kazan\n f.active = false; \/\/ Yak\u0131t bir kez al\u0131n\u0131r\n createExplosion(f.x + f.width\/2, f.y + f.height\/2, 5, 2, 5, ['#2ecc71', '#90ee90']); \/\/ Yak\u0131t toplama efekti\n \/\/ Yak\u0131t efekti (ses efekti eklenebilir)\n }\n\n if (f.y > canvas.height) fuels.splice(index, 1);\n });\n}\n\nfunction updateParticles() {\n particles.forEach((p, index) => {\n p.x += p.vx;\n p.y += p.vy + gameSpeed * 0.5; \/\/ Partik\u00fcller de a\u015fa\u011f\u0131 kayabilir\n p.life -= 0.03; \/\/ Daha uzun \u00f6m\u00fcrl\u00fc patlama\n p.size *= 0.98; \/\/ K\u00fc\u00e7\u00fcls\u00fcnler\n if (p.life <= 0 || p.size < 1) particles.splice(index, 1);\n });\n}\n\nfunction drawPlayer() {\n ctx.save();\n ctx.translate(player.x + player.width\/2, player.y + player.height\/2);\n \n \/\/ Kanat e\u011fimi efekti\n if (keys['ArrowLeft']) ctx.rotate(-0.1);\n if (keys['ArrowRight']) ctx.rotate(0.1);\n\n \/\/ Ana G\u00f6vde (Gri tonlarda, metalik)\n ctx.fillStyle = '#7f8c8d';\n ctx.beginPath();\n ctx.moveTo(0, -25); \/\/ Burun\n ctx.lineTo(10, 20); \/\/ Sa\u011f arka\n ctx.lineTo(0, 15); \/\/ Kuyruk ortas\u0131\n ctx.lineTo(-10, 20); \/\/ Sol arka\n ctx.closePath();\n ctx.fill();\n ctx.strokeStyle = '#5c6c70';\n ctx.lineWidth = 2;\n ctx.stroke();\n\n \/\/ Kokpit Cam\u0131\n ctx.fillStyle = '#3498db'; \/\/ Mavi\n ctx.beginPath();\n ctx.arc(0, -15, 8, Math.PI, 0); \/\/ \u00dcst yar\u0131m daire\n ctx.lineTo(8, -5);\n ctx.lineTo(-8, -5);\n ctx.closePath();\n ctx.fill();\n ctx.strokeStyle = '#2c3e50';\n ctx.stroke();\n\n \/\/ Kanatlar (Daha geni\u015f ve a\u00e7\u0131l\u0131)\n ctx.fillStyle = '#95a5a6';\n ctx.beginPath();\n ctx.moveTo(0, 0);\n ctx.lineTo(30, 10);\n ctx.lineTo(35, 25);\n ctx.lineTo(0, 15);\n ctx.lineTo(-35, 25);\n ctx.lineTo(-30, 10);\n ctx.closePath();\n ctx.fill();\n ctx.stroke();\n\n \/\/ Jet Alevi (Daha dinamik)\n if (keys['ArrowUp'] || gameRunning) { \/\/ Oyun ba\u015flad\u0131\u011f\u0131nda da hafif bir alev olsun\n const flameHeight = 10 + Math.random() * 10;\n ctx.fillStyle = `rgba(255, 100, 0, ${0.5 + Math.random() * 0.5})`; \/\/ Turuncu\n ctx.beginPath();\n ctx.moveTo(-7, 20);\n ctx.lineTo(0, 20 + flameHeight);\n ctx.lineTo(7, 20);\n ctx.fill();\n\n ctx.fillStyle = `rgba(255, 200, 0, ${0.5 + Math.random() * 0.5})`; \/\/ Sar\u0131\n ctx.beginPath();\n ctx.moveTo(-4, 20);\n ctx.lineTo(0, 20 + flameHeight * 0.7);\n ctx.lineTo(4, 20);\n ctx.fill();\n }\n\n ctx.restore();\n}\n\nfunction drawEnemies() {\n enemies.forEach(e => {\n ctx.save();\n ctx.translate(e.x + e.width\/2, e.y + e.height\/2); \/\/ Merkeze ta\u015f\u0131\n \n if (e.type === 'heli') {\n \/\/ Helikopter\n ctx.fillStyle = '#c0392b'; \/\/ K\u0131rm\u0131z\u0131ms\u0131 g\u00f6vde\n ctx.beginPath();\n ctx.ellipse(0, 0, 20, 15, 0, 0, Math.PI * 2); \/\/ Ana g\u00f6vde\n ctx.fill();\n ctx.strokeStyle = '#a93226';\n ctx.lineWidth = 2;\n ctx.stroke();\n\n \/\/ Kuyruk\n ctx.fillRect(-2, 10, 4, 25);\n\n \/\/ Pervane dire\u011fi\n ctx.fillStyle = '#7f8c8d';\n ctx.fillRect(-2, -25, 4, 15);\n \n \/\/ Pervane animasyonu\n ctx.fillStyle = '#bdc3c7'; \/\/ Gri pervane\n ctx.save();\n ctx.rotate(frames * 0.2); \/\/ Yava\u015f d\u00f6nen pervane\n ctx.fillRect(-30, -2, 60, 4); \/\/ Yatay pervane\n ctx.restore();\n \n ctx.save();\n ctx.rotate(frames * 0.2 + Math.PI \/ 2);\n ctx.fillRect(-15, -2, 30, 4); \/\/ K\u00fc\u00e7\u00fck dikey pervane (daha k\u0131sa)\n ctx.restore();\n\n } else {\n \/\/ Gemi\n ctx.fillStyle = '#34495e'; \/\/ Koyu mavi g\u00f6vde\n ctx.beginPath();\n ctx.moveTo(-20, 20); \/\/ Sol alt\n ctx.lineTo(20, 20); \/\/ Sa\u011f alt\n ctx.lineTo(15, -20); \/\/ Sa\u011f \u00fcst\n ctx.lineTo(-15, -20); \/\/ Sol \u00fcst\n ctx.closePath();\n ctx.fill();\n ctx.strokeStyle = '#2c3e50';\n ctx.lineWidth = 2;\n ctx.stroke();\n\n \/\/ K\u00f6pr\u00fc\n ctx.fillStyle = '#7f8c8d';\n ctx.fillRect(-8, -15, 16, 15);\n ctx.strokeStyle = '#5c6c70';\n ctx.strokeRect(-8, -15, 16, 15);\n\n \/\/ Baca\n ctx.fillStyle = '#e74c3c'; \/\/ K\u0131rm\u0131z\u0131 baca\n ctx.fillRect(-4, -25, 8, 10);\n ctx.strokeStyle = '#c0392b';\n ctx.strokeRect(-4, -25, 8, 10);\n }\n ctx.restore();\n });\n}\n\nfunction drawFuelTanks() {\n fuels.forEach(f => {\n if (!f.active) return; \/\/ Yak\u0131t al\u0131nm\u0131\u015fsa \u00e7izme\n\n ctx.save();\n ctx.translate(f.x + f.width\/2, f.y + f.height\/2);\n\n \/\/ Ana tank\n ctx.fillStyle = '#e67e22'; \/\/ Turuncu\n ctx.fillRect(-f.width\/2, -f.height\/2, f.width, f.height);\n ctx.strokeStyle = '#d35400';\n ctx.lineWidth = 2;\n ctx.strokeRect(-f.width\/2, -f.height\/2, f.width, f.height);\n\n \/\/ Yak\u0131t g\u00f6stergesi\n ctx.fillStyle = '#f1c40f'; \/\/ Sar\u0131\n ctx.fillRect(-f.width\/2 + 4, -f.height\/2 + 4, f.width - 8, f.height - 8);\n\n \/\/ \"FUEL\" yaz\u0131s\u0131\n ctx.fillStyle = 'white';\n ctx.font = 'bold 12px Arial';\n ctx.textAlign = 'center';\n ctx.textBaseline = 'middle';\n ctx.fillText('FUEL', 0, 0);\n\n ctx.restore();\n });\n}\n\nfunction drawBullets() {\n player.bullets.forEach(b => {\n ctx.fillStyle = b.color;\n ctx.fillRect(b.x, b.y, b.width, b.height);\n \/\/ Hafif bir parlama efekti i\u00e7in g\u00f6lge\n ctx.shadowColor = b.color;\n ctx.shadowBlur = 5;\n });\n ctx.shadowBlur = 0; \/\/ G\u00f6lgeyi s\u0131f\u0131rla\n}\n\nfunction drawParticles() {\n particles.forEach(p => {\n ctx.globalAlpha = p.life;\n ctx.fillStyle = p.color;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n ctx.fill();\n ctx.globalAlpha = 1.0;\n });\n}\n\nfunction drawRiver() {\n \/\/ Koyu ye\u015fil k\u0131y\u0131lar\n ctx.fillStyle = '#27ae60';\n ctx.fillRect(0, 0, riverWidth, canvas.height);\n ctx.fillRect(canvas.width - riverWidth, 0, riverWidth, canvas.height);\n \n \/\/ A\u00e7\u0131k ye\u015fil k\u0131y\u0131 \u015feritleri (H\u0131z hissi ve paralaks i\u00e7in)\n ctx.fillStyle = '#2ecc71';\n \n \/\/ Sol \u015ferit\n for (let i = -2; i < canvas.height \/ 50 + 2; i++) {\n const y = (i * 50 + riverOffset * 0.8) % (canvas.height + 100) - 100;\n ctx.fillRect(riverWidth - 10, y, 10, 30);\n }\n \/\/ Sa\u011f \u015ferit\n for (let i = -2; i < canvas.height \/ 50 + 2; i++) {\n const y = (i * 50 + riverOffset * 0.8) % (canvas.height + 100) - 100;\n ctx.fillRect(canvas.width - riverWidth, y, 10, 30);\n }\n\n \/\/ Ortadaki nehir \u00e7izgileri (h\u0131z hissi)\n ctx.fillStyle = 'rgba(255, 255, 255, 0.2)'; \/\/ Hafif \u015feffaf beyaz\n for (let i = -2; i < canvas.height \/ 70 + 2; i++) {\n const y = (i * 70 + riverOffset * 1.2) % (canvas.height + 140) - 140; \/\/ Daha h\u0131zl\u0131 kayan \u00e7izgiler\n ctx.fillRect(canvas.width \/ 2 - 50, y, 100, 3);\n ctx.fillRect(canvas.width \/ 2 - 2, y, 4, 3); \/\/ Ortadaki k\u00fc\u00e7\u00fck \u00e7izgi\n }\n}\n\nfunction updateUI() {\n document.getElementById('score').innerText = 'SKOR: ' + score;\n document.getElementById('fuel-bar').style.width = player.fuel + '%';\n document.getElementById('final-score').innerText = 'Skorun: ' + score;\n}\n\nfunction gameOver() {\n gameRunning = false;\n document.getElementById('game-over-screen').classList.remove('hidden');\n}\n\nfunction rectIntersect(x1, y1, w1, h1, x2, y2, w2, h2) {\n return x2 < x1 + w1 && x2 + w2 > x1 && y2 < y1 + h1 && y2 + h2 > y1;\n}\n\n<\/script>\n<\/body>\n<\/html>\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>Modern River Raid JS v2 SKOR: 0 FUEL River Raid Remake Y\u00d6N TU\u015eLARI ile hareket et SPACE (Bo\u015fluk) ile ate\u015f et H\u0131zlanmak i\u00e7in \u0130LER\u0130, yava\u015flamak i\u00e7in GER\u0130 bas Yak\u0131t tanklar\u0131n\u0131n (FUEL) \u00fczerinden ge\u00e7erek yak\u0131t al BA\u015eLAT OYUN B\u0130TT\u0130 Skor: 0 TEKRAR OYNA<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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-1704","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1704","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=1704"}],"version-history":[{"count":4,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1704\/revisions"}],"predecessor-version":[{"id":1708,"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/pages\/1704\/revisions\/1708"}],"wp:attachment":[{"href":"https:\/\/kominikee.com\/en\/wp-json\/wp\/v2\/media?parent=1704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}