E07.03.벽돌 깨기 게임(한글 설명)

IT문화원 강좌 URL: http://www.ith.kr/chair/jse/jse0703.html

텍스트만을 이용해 구현된 벽돌 깨기 게임입니다.

이것도 그림 파일을 사용하지 않고 텍스트만을 이용해 구현된 벽돌 깨기 게임입니다. e0702.html과 다른 점은 메뉴 이름과 도움말이 한글이라는 점이죠.

www.X119.com 태그 연습장

</HEAD>

var cnt=0;
function MoveRandom(){
getSecs();
if (NS){
document.nst.visibility='hide';
}
var getSpeed = document.form1.amount;
var Speed = getSpeed.options[getSpeed.selectedIndex].value;
var SP=Speed;
var T=Speed;
var PT=(document.layers)?document.nsPaddle.top:iePaddle.style.pixelTop;
var PL=(document.layers)?document.nsPaddle.left:iePaddle.style.pixelLeft;
var H=(document.layers)?window.innerHeight:document.body.clientHeight;
var W=(document.layers)?window.innerWidth:document.body.clientWidth;
var YS=(document.layers)?window.pageYOffset:document.body.scrollTop;
var XS=(document.layers)?window.pageXOffset:document.body.scrollLeft;
var OFF=(document.layers)?'hide':'hidden';
y = SP*Math.sin(D*Math.PI/180);
x = SP*Math.cos(D*Math.PI/180);
if (D < 0) D+=360;
Y+=y;
X+=x;
VB=180-D;
HB=0-D;
E=(document.layers)?307:307;
for (i=0; i < BN; i++){
var Ga=(document.layers)?X+BS - document.layers['G'+i].left:X+BS - G[i].style.pixelLeft;
var Gb=(document.layers)?Y+BS - document.layers['G'+i].top:Y+BS - G[i].style.pixelTop;
var Gc=(document.layers)?document.layers['G'+i].left+BD - X:G[i].style.pixelLeft+BD - X;
var Gd=(document.layers)?document.layers['G'+i].top+BD - Y:G[i].style.pixelTop+BD - Y;
var gv=(document.layers)?document.layers['G'+i].visibility:G[i].style.visibility;
var gt=(document.layers)?document.layers['G'+i].top:G[i].style.pixelTop;
var gl=(document.layers)?document.layers['G'+i].left:G[i].style.pixelLeft;

var Ja=(document.layers)?X+BS - document.layers['J'+i].left:X+BS - J[i].style.pixelLeft;
var Jb=(document.layers)?Y+BS - document.layers['J'+i].top:Y+BS - J[i].style.pixelTop;
var Jc=(document.layers)?document.layers['J'+i].left+BD - X:J[i].style.pixelLeft+BD - X;
var Jd=(document.layers)?document.layers['J'+i].top+BD - Y:J[i].style.pixelTop+BD - Y;
var jv=(document.layers)?document.layers['J'+i].visibility:J[i].style.visibility;
var jt=(document.layers)?document.layers['J'+i].top:J[i].style.pixelTop;
var jl=(document.layers)?document.layers['J'+i].left:J[i].style.pixelLeft;

var Ka=(document.layers)?X+BS - document.layers['K'+i].left:X+BS - K[i].style.pixelLeft;
var Kb=(document.layers)?Y+BS - document.layers['K'+i].top:Y+BS - K[i].style.pixelTop;
var Kc=(document.layers)?document.layers['K'+i].left+BD - X:K[i].style.pixelLeft+BD - X;
var Kd=(document.layers)?document.layers['K'+i].top+BD - Y:K[i].style.pixelTop+BD - Y;
var kv=(document.layers)?document.layers['K'+i].visibility:K[i].style.visibility;
var kt=(document.layers)?document.layers['K'+i].top:K[i].style.pixelTop;
var kl=(document.layers)?document.layers['K'+i].left:K[i].style.pixelLeft;
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if ((gv != OFF) && (X+BS > gl) && (X < gl+BD) && (Y+BS > gt) && (Y < gt+BD))
{cnt=1;if (NS)document.layers['G'+i].visibility=OFF;else G[i].style.visibility=OFF;BL--}

//Left Top corner rebound
if ((cnt==1) && (Ga < T) && (Ga == Gb)){X = gl-BS;Y = gt-BS;D=225;cnt=0}
//Top Top corner rebound
if ((cnt==1) && (Gb < T) && (Gb == Gc)){X = gl+BD;Y = gt-BS;D=315;cnt=0}
//Right Bottom corner rebound
if ((cnt==1) && (Ga > T) && (Gc == Gd)){Y = gt+BD;X = gl+BD;D=45;cnt=0}
//Left Bottom corner rebound
if ((cnt==1) && (Gb > T) && (Gb == Gc)){Y = gt+BD;X = gl-BS;D=135;cnt=0}

//Left side hit                      
if ((cnt==1) && (Ga < Gb) && (Ga < Gc) && (Ga < Gd)){X = gl-BS;D=VB;cnt=0}                   
//Right side hit                                          
if ((cnt==1) && (Gc < Ga) && (Gc < Gb) && (Gc < Gd)){X = gl+BD;D=VB;cnt=0}
//Bottom hit                                     
if ((cnt==1) && (Gd < Gc) && (Gd < Gb) && (Gd < Ga)){Y = gt+BD;D=HB;cnt=0}
//Top hit                                   
if ((cnt==1) && (Gb < Ga) && (Gb < Gc) && (Gb < Gd)){Y = gt-BS;D=HB;cnt=0}
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if ((jv != OFF) && (X+BS > jl) && (X < jl+BD) && (Y+BS > jt) && (Y < jt+BD))
{cnt=1;if (NS)document.layers['J'+i].visibility=OFF;else J[i].style.visibility=OFF;BL--}

if ((cnt==1) && (Ja < T) && (Ja == Jb)){X = jl-BS;Y = jt-BS;D=225;cnt=0}
//Top Top corner rebound
if ((cnt==1) && (Jb < T) && (Jb == Jc)){X = jl+BD;Y = jt-BS;D=315;cnt=0}
//Right Bottom corner rebound
if ((cnt==1) && (Ja > T) && (Jc == Jd)){Y = jt+BD;X = jl+BD;D=45;cnt=0}
//Left Bottom corner rebound
if ((cnt==1) && (Jb > T) && (Jb == Jc)){Y = jt+BD;X = jl-BS;D=135;cnt=0}

//Left side hit                      
if ((cnt==1) && (Ja < Jb) && (Ja < Jc) && (Ja < Jd)){X = jl-BS;D=VB;cnt=0}                   
//Right side hit                                          
if ((cnt==1) && (Jc < Ja) && (Jc < Jb) && (Jc < Jd)){X = jl+BD;D=VB;cnt=0}
//Bottom hit                                     
if ((cnt==1) && (Jd < Jc) && (Jd < Jb) && (Jd < Ja)){Y = jt+BD;D=HB;cnt=0}
//Top hit                                   
if ((cnt==1) && (Jb < Ja) && (Jb < Jc) && (Jb < Jd)){Y = jt-BS;D=HB;cnt=0}
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if ((kv != OFF) && (X+BS > kl) && (X < kl+BD) && (Y+BS > kt) && (Y < kt+BD))
{cnt=1;if (NS)document.layers['K'+i].visibility=OFF;else K[i].style.visibility=OFF;BL--}

if ((cnt==1) && (Ka < T) && (Ka == Kb)){X = kl-BS;Y = kt-BS;D=225;cnt=0}
//Top Top corner rebound
if ((cnt==1) && (Kb < T) && (Kb == Kc)){X = kl+BD;Y = kt-BS;D=315;cnt=0}
//Right Bottom corner rebound
if ((cnt==1) && (Ka > T) && (Kc == Kd)){Y = kt+BD;X = kl+BD;D=45;cnt=0}
//Left Bottom corner rebound
if ((cnt==1) && (Kb > T) && (Kb == Kc)){Y = kt+BD;X = kl-BS;D=135;cnt=0}

//Left side hit                      
if ((cnt==1) && (Ka < Kb) && (Ka < Kc) && (Ka < Kd)){X = kl-BS;D=VB;cnt=0}                   
//Right side hit                                          
if ((cnt==1) && (Kc < Ka) && (Kc < Kb) && (Kc < Kd)){X = kl+BD;D=VB;cnt=0}
//Top hit                                   
if ((cnt==1) && (Kb < Ka) && (Kb < Kc) && (Kb < Kd)){Y = kt-BS;D=HB;cnt=0} 
//Bottom hit                                     
if ((cnt==1) && (Kd < Kc) && (Kd < Kb) && (Kd < Ka)){Y = kt+BD;D=HB;cnt=0}      
//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
}//END LOOP
if ((Y+BS > PT) && 
(X+BS > PL) && (X+BS < PL+25)) {Y=PT-BS;D=Math.random()*45+190}
if ((Y+BS > PT) &&  
(X > PL+25) && (X < PL+50)) {Y=PT-BS;D=Math.random()*45+305}
else if ((Y+BS > PT) &&  
(X+BS > PL) && (X < PL+50)) {Y=PT-BS;D=Math.random()*90+225}
/////////////////////////////////////////////////////
//Corner rebounds! not necessary but looks nice.   //
if ((Y < 1) && (X < 1)) {Y=1;X=1;D=45}             //
if ((Y < 1) && (X > E-BS)) {Y=1;X=E-BS;D=135}      //
if ((Y > H-BS) && (X < 1)) {Y=H-BS;X=1;D=315}      //
if ((Y > H-BS) && (X > E-BS)) {Y=H-BS;X=E-BS;D=225}//
//Edge rebounds!                                   //
if (Y < 1) {Y=1;D=HB}				   //  
if (Y > H-BS) {Y=H-BS;D=HB} 			   // 
if (X < 1) {X=1;D=VB}                              // 
if (X > E-BS) {X=E-BS;D=VB}                        //
/////////////////////////////////////////////////////
var layer=(document.layers)?document.netscape:explorer.style;
layer.top=Y+YS;
layer.left=X+XS;
document.form1.lft.value=BL;
document.form1.bll.value=BAL;
Tm=setTimeout('MoveRandom()',10);
if (BL<=0) 
 {
 clearTimeout(Tm);
 if (NS){
 document.info.document.write(win)
 document.info.document.close();
 }
 else info.innerHTML=win;
 layer.visibility=OFF;
 }
if (Y > PT-BS/2){Y=180;X=142;D=90;BAL--}
if (BAL<0){
clearTimeout(Tm);document.form1.bll.value='0';
layer.visibility=OFF;
if (NS){
 document.info.document.write(lose)
 document.info.document.close();
 }
 else info.innerHTML=lose;
}
}
//-->
</script>

<TABLE width="640" border="0" cellspacing="2" cellpadding="2">
<TR> 
<TD align="center" valign="middle" height="24" bgcolor="orange">
<FONT size="4" color="white">
** 게임 설명 **
</FONT>
</TD></TR>
<TR><TD bgcolor="cornsilk">
1. [볼 속도]를 높게 설정하면 빨라집니다.
<BR>
2. [다시 시작]을 선택할 때마다 배경색과 벽돌색이 바뀝니다.
 
</TD></TR>
</TABLE>

</BODY>
</HTML>

E07.04. 체크박스 선택하기

E07.03.벽돌 깨기 게임(한글 설명)

E07.02.벽돌 깨기 게임