Skip to content

Instantly share code, notes, and snippets.

View kahilkubilay's full-sized avatar
🌴
On vacation

Kubilay Kahil kahilkubilay

🌴
On vacation
55 followers · 114 following
View GitHub Profile
@kahilkubilay
kahilkubilay / progressBar.html
Last active April 25, 2020 23:19
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Progress Bar</title>
<style>
.progressBar {
width: 75%;
@kahilkubilay
kahilkubilay / main.js
Created December 27, 2019 11:38
Javascript İle Oyun Yapımı: Skor Tablosu
// stick değişkenleri
var stickLeft = document.getElementById('stickLeft');
var stickRight = document.getElementById('stickRight');
// ball değişkenleri
var ball = document.getElementById('ball');
// puan değişkenleri
var scoreLeft = 0;
var scoreRight = 0;
@kahilkubilay
kahilkubilay / main.js
Created December 27, 2019 11:24
Javascript İle Oyun Yapımı: Skor Tablosu
// function gameLoop...
if(parseInt(ball.style.left) <= 0){
if(++scoreRight === 5){
alert('2. oyuncu kazandı.');
scoreRight = 0;
scoreLeft = 0;
document.getElementById('scoreLeft').innerHTML = scoreLeft;
}
document.getElementById('scoreRight').innerHTML = scoreRight;
gameChain();
@kahilkubilay
kahilkubilay / main.js
Created December 27, 2019 11:10
Javascript İle Oyun Yapımı: Skor Tablosu
function gameChain(){
ball.style.top = window.innerHeight/2 + 'px';
ball.style.left = (window.innerWidth/2) - (16/2) + 'px';
var rnd = Math.random()*4+2;
if(Math.random()*1 > 0.5){
rnd *= -1;
}
@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;
@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
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 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
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: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;
}