Javascript ile Oyun Yapımı: Oyun Alanı

main.css

html, body{
	height: 100%;
	overflow: hidden;
}
/*oyun alanı özellikleri*/
#gameArea{
	width: 100%;
	height: 100%;
	background-color: #845ec2;
}
/*çubuk özellikleri*/
.stick{
	width: 12px;
	height: 85px;
	background-color: #b25b00;
	position: absolute;
}

#stickLeft{
	left: 0;	
}

#stickRight{
	right: 0;
}

/*top özellikleri*/
#ball{
	width: 16px;
	height: 16px;
	background-color: #b25b00;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 40%;
}

/*cizgi özellikleri*/
#line{
	width: 0;
	height: 99%;
	border: 1px dashed #b25b00;
	position: absolute;
	left: 50%;
}

/*scoreboard özellikleri*/
#scoreboard{
	width: 50%;
	height: 20%;
	margin: auto;
}

#scoreLeft, #scoreRight{
	color: #b25b00;
	font-family: sans-serif;
	font-size: 400%;
	margin-top: 4%;
}

#scoreLeft{
	float: left;
}

#scoreRight{
	float: right;
}