Commit ce2670f7 authored by Ahmet Turan Koçak's avatar Ahmet Turan Koçak
Browse files

Initial commit

parents
body{
background-image: url(images/arka.png);
}
#p1{
color: white;
position:relative;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#can{
font-style: italic;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color:white;
position: absolute;
right: 580px;
font-weight: bold;
font-size: large;
top: 30px;
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="game.css" />
</head>
<body onload="">
<p id="p1">**SÜPER PİLOT VS DÜŞMAN**</p>
<p id="can"> </p>
<p id="atessayisi"></p>
</body>
<script src="game.js"></script>
</html>
\ No newline at end of file
// Canvas olustruruyoruz
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 1350;
canvas.height = 470;
var dusmancan = 3;
var skor = 0;
var atessayisi = document.getElementById("atessayisi");
var cansayisi = document.getElementById("can");
var oyunbitti = document.getElementById("oyunbitti");
cansayisi.innerHTML='Dusman Canı: ' + ' ' + dusmancan.toString() + '___'+ ' Skor: ' + skor.toString();
document.body.appendChild(canvas);
// Arka plan resmi ekliyoruz
var bgReady = false;
var bgImage = new Image();
bgImage.onload = function () {
bgReady = true;
};
bgImage.src = "images/arka2.jpg";
// dusman ucagımızı ekliyoruz
var dusmanReady = false;
var dusmanImage = new Image();
dusmanImage.onload = function () {
dusmanReady = true;
};
dusmanImage.src = "images/dusman4.png";
// ucagımızı ekliyoruz
var ucakReady = false;
var ucakImage = new Image();
ucakImage.onload = function () {
ucakReady = true;
};
ucakImage.src = "images/helikopter.png";
// mermi ekliyoruz
var mermiReady = false;
var mermiImage = new Image();
mermiImage.onload = function () {
mermiReady = true;
};
mermiImage.src = "images/mermi.png";
// oyundaki objemizin hızını ayarlıyoruz
var ucak = {
speed: 300 // saniyedeki pixel hareketi
};
var mermix = 0;
var mermiy = 0;
var dusmany=0;
var durum=0;
alert("OYUNA BASLA");
//Klavye kontrol işleme
var keysDown = {};
addEventListener("keydown", function (e) {
keysDown[e.keyCode] = true;
}, false);
addEventListener("keyup", function (e) {
delete keysDown[e.keyCode];
}, false);
// Ucagımızın ilk konumu
var reset = function () {
ucak.x = canvas.width / 50;
ucak.y = canvas.height / 3;
};
// Nesnenin konumunu degistirme
var update = function (modifier) {
if (38 in keysDown) { // Yukarı
if(ucak.y>16)
ucak.y -= ucak.speed * modifier;
}
if (40 in keysDown) { // Asagı
if(ucak.y<420)
ucak.y += ucak.speed * modifier;
}
if (37 in keysDown) { // Sol
if(ucak.x>10)
ucak.x -= ucak.speed * modifier;
}
if (39 in keysDown) { // Sağ
if(ucak.x<150)
ucak.x += ucak.speed * modifier;
}
if (32 in keysDown)//boşluk
{
if(mermix==0)
{
mermix=ucak.x+15; // ucagın oldugu konumdan ates icin
mermiy=ucak.y+25; //mermi baslangıc
skor+=1;
cansayisi.innerHTML='Dusman Canı: ' + ' ' + dusmancan.toString() + '___'+ ' Skor: ' + skor.toString();
}
}
};
var enemydown=function()//düşman aşağı
{
var teleport=Math.floor(Math.random() * 4);
if(dusmany>=420) //yukarı sınır bölgsi
durum=1; // durum 8 den fazla olursa cıkar sayilardan kucuk olmaki Sınıırrr
if(teleport==1)
dusmany=dusmany+5;
if(teleport==2)
dusmany=dusmany+7;
if(teleport==3)
dusmany=dusmany+9;
};
var enemyup=function()//yukarı
{
var teleport=Math.floor(Math.random() * 4);
if(dusmany<=16) // asagı hareket sınır
durum=0; //asagı sınır bölgesi
if(teleport==1)
dusmany=dusmany-5;
if(teleport==2)
dusmany=dusmany-7;
if(teleport==3)
dusmany=dusmany-9;
};
var render = function () {
atesle();
if (ucak) {
ctx.drawImage(ucakImage, ucak.x, ucak.y);
}
if(durum%2==0){
enemydown();
}
else {
enemyup();
}
ctx.drawImage(dusmanImage, 1200, dusmany); // dusman baslangıc konumu
};
function atesle() // mermi 0 dan kucuk olmazsa ates etmez
{
if(mermix>1340)//dusmanmermi kücükse 20 den
{
mermix = 0;
}
if(mermix>0)
{
mermix+=15; // mermi atma hızı
ctx.drawImage(mermiImage, mermix, mermiy);
kontrol();
}
};
function kontrol()
{
if(mermiy>=dusmany && mermiy+7 <= dusmany+56 && mermix+28 > 1200) // dusman vurulma noktası
{
mermiy=0;
mermix=0;
dusmancan--;
cansayisi.innerHTML='Dusman Canı: ' + ' ' + dusmancan.toString() + '___'+ ' Skor: ' + skor.toString();
if(dusmancan==0)
{
dusmanImage.src = "images/patlama.png";
ctx.drawImage(dusmanImage, 1200, dusmany);
alert('DUSMAN ÖLDÜ '+ 'SKOR: '+ skor.toString());
alert('TEKRAR OYNAMAK İÇİN F5 TUSUNUNA BASINIZ ')
}
}
};
// The main game loop
var main = function () {
if (true) {
ctx.drawImage(bgImage, 0, 0);
}
var now = Date.now();
var delta = now - then;
update(delta / 1000);
render();
then = now;
// Request to do this again ASAP
requestAnimationFrame(main);
};
// Cross-browser support for requestAnimationFrame
var w = window;
requestAnimationFrame = w.requestAnimationFrame || w.webkitRequestAnimationFrame || w.msRequestAnimationFrame || w.mozRequestAnimationFrame;
// Let's play this game!
var then = Date.now();
reset();
main();
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment