Skip to content

Instantly share code, notes, and snippets.

View kahilkubilay's full-sized avatar
🌴
On vacation

Kubilay Kahil kahilkubilay

🌴
On vacation
64 followers · 121 following
View GitHub Profile
@kahilkubilay
kahilkubilay / main.js
Created December 26, 2019 22:59
Javascript İle Oyun Yapımı: Nesnelerin Kontrolü - Top
// ball elementi üzerinde işlemler
var ball = document.getElementById('ball');
ball.style.top = window.innerHeight/2 + 'px';
ball.style.left = (window.innerWidth/2) + (16/2) + 'px';
@kahilkubilay
kahilkubilay / main.js
Created December 26, 2019 23:00
Javascript İle Oyun Yapımı: Nesnelerin Kontrolü - Top
// #ball alacağı değerler
ball.style.top = pxAdd(parseInt(ball.style.top) + 2);
ball.style.left = pxAdd(parseInt(ball.style.left) + 2);
@kahilkubilay
kahilkubilay / main.js
Created December 26, 2019 23:01
Javascript İle Oyun Yapımı: Nesnelerin Kontrolü - Top
// oyunun sürekli devam etmesi için gerekli yapı
function gameLoop(){
// topun alacağı değerler
ball.style.top = pxAdd(parseInt(ball.style.top) + 2);
ball.style.left = pxAdd(parseInt(ball.style.left) + 2);
}
setInterval(gameLoop, 20);
@kahilkubilay
kahilkubilay / main.js
Created December 26, 2019 23:03
Javascript İle Oyun Yapımı: Nesnelerin Kontrolü - Top
function gameLoop(){
//topun alacağı değerler
ball.style.top = pxAdd(parseInt(ball.style.top) + ballTop);
ball.style.left = pxAdd(parseInt(ball.style.left) + ballLeft);
}
setInterval(gameLoop, gameSpeed);
@kahilkubilay
kahilkubilay / main.js
Created December 26, 2019 23:03
Javascript İle Oyun Yapımı: Nesnelerin Kontrolü - Top
// top üst ve alt bloklara çarparsa, X ekseninde geri seksin
if(parseInt(ball.style.top) <= 0 || parseInt(ball.style.top) + 16 >= window.height){
ballTop *= -1;
}
@kahilkubilay
kahilkubilay / main.js
Created December 26, 2019 23:04
Javascript İle Oyun Yapımı: Nesnelerin Kontrolü - Top
// top sağ ve sol çubuklara çarparsa, Y ekseninde geri seksin
if(parseInt(ball.style.left) <= 0 + 16 && parseInt(ball.style.top) >= parseInt(stickLeft.style.top) && parseInt(ball.style.top) <= parseInt(stickLeft.style.top) + 85){
ballLeft *= -1;
}else if(parseInt(ball.style.left) + 16 >= window.innerWidth - 12 && parseInt(ball.style.top) >= parseInt(stickRight.style.top) && parseInt(ball.style.top) <= parseInt(stickRight.style.top) + 85){
ballLeft *= -1;
}
@kahilkubilay
kahilkubilay / main.js
Created December 26, 2019 23:05
Javascript İle Oyun Yapımı: Nesnelerin Kontrolü - Top
// stick değişkenleri
var stickLeft = document.getElementById('stickLeft');
var stickRight = document.getElementById('stickRight');
// ball değişkenleri
var ball = document.getElementById('ball');
stickLeft.style.top = window.innerHeight/2 + 'px';
stickRight.style.top = window.innerHeight/2 + 'px';
ball.style.top = window.innerHeight/2 + 'px';
ball.style.left = (window.innerWidth/2) - (16/2) + 'px';
@kahilkubilay
kahilkubilay / main.js
Last active December 27, 2019 10:00
Javascript İle Oyun Yapımı: Skor Tablosu
if(parseInt(ball.style.left) <= 0){
scoreRight++;
document.getElementById('scoreRight').innerHTML = scoreRight;
}
@kahilkubilay
kahilkubilay / main.js
Created December 27, 2019 09:46
Javascript İle Oyun Yapımı: Skor Tablosu
if(parseInt(ball.style.left) + 16 >= window.innerWidth){
scoreLeft++;
document.getElementById('scoreLeft').innerHTML = scoreLeft;
}
@kahilkubilay
kahilkubilay / main.js
Created December 27, 2019 10:38
Javascript İle Oyun Yapımı: Skor Tablosu
//gameLoop function....
if(parseInt(ball.style.left) <= 0){
scoreRight++;
document.getElementById('scoreRight').innerHTML = scoreRight;
gameChain();
}
if(parseInt(ball.style.left) + 16 >= window.innerWidth){
scoreLeft++;
document.getElementById('scoreLeft').innerHTML = scoreLeft;