Full version: jsB@nk » Game » Skill » Hard Block R
URL: https://www.javascriptbank.com/hard-block-r.html
This game is a antique game. This game consists of one HTML file. But it looks like using pictures.
Full version: jsB@nk » Game » Skill » Hard Block R
URL: https://www.javascriptbank.com/hard-block-r.html
<SCRIPT language=JavaScript><!--var timerID = nullvar INT = 10var loadFLG=0var gameFLG=0var missFLG=0var tim = 0 //timevar blcol = new Array(5) //block colorvar blsta = new Array(40) //block statusvar blclr = 0 //clear blockvar ballX = 0 //ball datavar ballY = 0var ballN = 3var ballDX= 0var ballDY= 0var tmpRL = 193var keyP=0var keyPr=0var endFLG=0blcol[0]="#FFFF00"blcol[1]="#FFB000"blcol[2]="#FF8000"blcol[3]="#FF4000"blcol[4]="#FF0000"blcol[5]="#000000"var ieFLG=0var n4FLG=0if (document.all){ ieFLG=1}else{ if (document.getElementById){ n4FLG=0 }else{ n4FLG=1 }}//-----------------------------------------//------------- main function -------------//-----------------------------------------function mainF(){ clearTimeout(timerID) tim=tim+1 with (Math){tmptim=floor(tim/10)} tmptc="" tmptb=tim/10 if (tim==tmptim*10){tmptc=".0"} ballX=ballX+ballDX ballY=ballY+ballDY outCHK() blkCHK() if (document.getElementById){ document.SC.TM.value=tmptb+tmptc document.SC.CL.value=blclr document.SC.SR.value=blclr*200-tim document.getElementById("ball").style.top = ballY document.getElementById("ball").style.left = ballX }else{ if (ieFLG==1){ document.SC.TM.value=tmptb+tmptc document.SC.CL.value=blclr document.SC.SR.value=blclr*200-tim ball.style.posTop = ballY ball.style.posLeft = ballX }else{ document.layers["info"].document.forms[0].TM.value=tmptb+tmptc document.layers["info"].document.forms[0].CL.value=blclr document.layers["info"].document.forms[0].SR.value=blclr*200-tim document.layers["ball"].moveTo(ballX,ballY) } } racketMove() if (gameFLG==1){timerID = setTimeout("mainF()",INT)}}//-----------------------------------------//------------- sub functions -------------//-----------------------------------------//game initfunction initG(){ keyP=0 if (endFLG == 0){ endFLG=1 blclr=0 tim=0 ballN=3 with (Math){tmptim=floor(tim/10)} if (document.getElementById){ document.SC.TM.value=tmptim document.getElementById("ovrmes").style.top=-1000 document.getElementById("clrmes").style.top=-1000 }else{ if (ieFLG==1){ document.SC.TM.value=tmptim clrmes.style.top=-1000 ovrmes.style.top=-1000 }else{ document.layers["info"].document.forms[0].TM.value=tmptim document.layers["ovrmes"].visibility="HIDE" document.layers["clrmes"].visibility="HIDE" } } for (ib=0; ib<5; ib++){for (ia=0; ia<8; ia++){ tmpIDn=ib*8+ia+1 if (document.getElementById){ document.getElementById(tmpIDn).style.backgroundColor = blcol[ib] }else{ if (ieFLG==1){ document.all(tmpIDn+9).style.backgroundColor = blcol[ib] }else{ document.layers[tmpIDn].bgColor=blcol[ib] } } blsta[ib*8+ia]=ib }} } if (document.getElementById){ document.SC.BL.value=ballN document.getElementById("starter").style.top=-1000 }else{ if (ieFLG==1){ document.SC.BL.value=ballN starter.style.top=-1000 }else{ document.layers["info"].document.forms[0].BL.value=ballN document.layers["starter"].visibility="HIDE" } } gameFLG=1;loadFLG=1 ballX=209;ballY=270;ballDX=-8;ballDY=-8;tmpRL=193;missFLG=0 timerID = setTimeout("mainF()",INT)}function keyDown(DnEvents){ if (ieFLG==0){ k=DnEvents.which }else{ k=window.event.keyCode } if (k == 54){keyP=5} //6 if (k == 102){keyP=5} //6 if (k == 52){keyP=-5} //4 if (k == 100){keyP=-5} //4 if (k == 83){if (gameFLG==0){initG()}} //S if (k == 115){if (gameFLG==0){initG()}} //s}function keyUp(UpEvents){ if (ieFLG==0){ k=UpEvents.which }else{ k=window.event.keyCode } if (k == 102){keyP=0} //6 if (k == 54 ){keyP=0} //4 if (k == 100){keyP=0} //6 if (k == 52 ){keyP=0} //4}//racket movefunction racketMove(){ if (loadFLG==1){ if (keyP != 0){ tmpkeyP=keyP*keyPr if (tmpkeyP>=0){ if (keyPr != 0){ if (Math.abs(keyPr)<15){keyPr=keyPr*1.2} }else{ keyPr=keyP } }else{ keyPr=keyP } }else{ keyPr=0 } tmpRL=tmpRL+keyPr if (tmpRL<16){tmpRL=16} if (tmpRL>370){tmpRL=370} if (document.getElementById){ document.getElementById("racket").style.left=tmpRL }else{ if (ieFLG==1){ racket.style.left=tmpRL }else{ document.layers["racket"].left=tmpRL } } }}//wall and racket checkfunction outCHK(){ if (ballX < 16){ballX=32-ballX;ballDX=-ballDX} if (ballX > 401){ballX=802-ballX;ballDX=-ballDX} if (ballY < 16){ballY=32-ballY;ballDY=-ballDY} if (ballY >= 272){ if (missFLG==0){ tmpX=(ballDX/ballDY)*(272-ballY)+ballX if (tmpX >= tmpRL-12){ if (tmpX <= tmpRL+42){ ballY=272;ballDY=-ballDY ballX=tmpX ballRD=tmpX-tmpRL with (Math){ballDX=8*abs(ballDX)/ballDX} if (ballRD<-4){ballDX=-15} if (ballRD>36){ballDX=15} if (ballRD>=14){if (ballRD<=16){ballDX=-2}} if (ballRD>=17){if (ballRD<=20){ballDX=2}} if (ballRD>=0){if (ballRD<=4){ballDX=-4}} if (ballRD>=28){if (ballRD<=32){ballDX=4}} if (ballRD>=-4){if (ballRD<=-1){ballDX=-11}} if (ballRD>=33){if (ballRD<=36){ballDX=11}} } } if (ballDY>0){missFLG=1} }else{ if (ballY>290){missFLG=0;ballN=ballN-1;gameEnd()} } }}//block checkfunction blkCHK(){ tmpY=ballY+4;tmpX=ballX+4 if (tmpY>=48){if (tmpY<=147){if (tmpX>=29){if (tmpX<=396){ with (Math) { ia=floor((tmpX-29)/46);ib=floor((tmpY-48)/20);ic=ib*8+ia } if (blsta[ic]<=4){ tmpbc=blsta[ic]+1 blsta[ic]=tmpbc tmpIDnc=ic+1 if (document.getElementById){ document.getElementById(tmpIDnc).style.backgroundColor = blcol[tmpbc] }else{ if (ieFLG==1){ document.all(tmpIDnc+9).style.backgroundColor = blcol[tmpbc] }else{ document.layers[tmpIDnc].bgColor=blcol[tmpbc] } } if (tmpbc==5){blclr=blclr+1} if (blclr >= 40){gameEnd()} if (ballDX>0){ iy=(ballDY/ballDX)*(29+46*ia-tmpX)+tmpY if (iy>48+20*ib+18){ tmpY1=48+20*ib+18 tmpX1=(ballDX/ballDY)*(48+20*ib+18-tmpY)+tmpX ballX=tmpX1-4;ballY=tmpY1-4 ballDY=-ballDY }else{ if (iy<44+20*ib){ tmpY1=48+20*ib tmpX1=(ballDX/ballDY)*(48+20*ib-tmpY)+tmpX ballX=tmpX1-4;ballY=tmpY1-4 ballDY=-ballDY }else{ tmpX1=29+46*ia tmpY1=(ballDY/ballDX)*(29+46*ia-tmpX)+tmpY ballX=tmpX1-4;ballY=tmpY1-4 ballDX=-ballDX } } }else{ iy=(ballDY/ballDX)*(29+46*ia+44-tmpX)+tmpY if (iy>48+20*ib+18){ tmpY1=48+20*ib+18 tmpX1=(ballDX/ballDY)*(48+20*ib+18-tmpY)+tmpX ballX=tmpX1-4;ballY=tmpY1-4 ballDY=-ballDY }else{ if (iy<44+20*ib){ tmpY1=48+20*ib tmpX1=(ballDX/ballDY)*(48+20*ib-tmpY)+tmpX ballX=tmpX1-4;ballY=tmpY1-4 ballDY=-ballDY }else{ tmpX1=29+46*ia+44 tmpY1=(ballDY/ballDX)*(29+46*ia+44-tmpX)+tmpY ballX=tmpX1-4;ballY=tmpY1-4 ballDX=-ballDX } } } } }}}}}//game endfunction gameEnd(){ gameFLG=0 loadFLG=0 if (document.getElementById){ document.SC.BL.value=ballN document.getElementById("starter").style.top=200 if (blclr >= 40){ document.getElementById("clrmes").style.top=150 endFLG=0 } if (ballN <= 0){ document.getElementById("ovrmes").style.top=160 endFLG=0 } }else{ if (ieFLG==1){ document.SC.BL.value=ballN starter.style.top=200 if (blclr >= 40){ clrmes.style.top=150 endFLG=0 } if (ballN <= 0){ ovrmes.style.top=160 endFLG=0 } }else{ document.layers["info"].document.forms[0].BL.value=ballN document.layers["starter"].visibility="SHOW" if (blclr >= 40){ document.layers["clrmes"].visibility="SHOW" endFLG=0 } if (ballN <= 0){ document.layers["ovrmes"].visibility="SHOW" endFLG=0 } } }}//Event initfunction onLD(){ document.onkeydown = keyDown document.onkeyup = keyUp if (document.getElementById){ document.getElementById("starter").style.top=200 document.getElementById("info").style.top=16 }else{ if (ieFLG==1){ starter.style.top=200 info.style.top=16 }else{ document.layers["starter"].visibility="SHOW" } } if (n4FLG!=0){document.captureEvents(Event.KEYDOWN|Event.KEYUP)}}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=onLD()><DIV id=gamewindow style="LEFT: 16px; WIDTH: 394px; POSITION: absolute; TOP: 16px; HEIGHT: 300px; BACKGROUND-COLOR: #000000"><LAYER CLIP="0,0,393,299" BGCOLOR="#000000"></LAYER></DIV><SCRIPT language=JavaScript><!--//block layer writefor (ib=0; ib<5; ib++){ for (ia=0; ia<8; ia++){ tmpL=31+46*ia;tmpT=50+20*ib tmpIDn=ib*8+ia+1 if (n4FLG!=1){ document.write("<DIV ID='"+tmpIDn+"' STYLE='position:absolute; background-color:"+blcol[ib]+"; top:"+tmpT+"px; left:"+tmpL+"px; width:42; height:16; clip:rect(0,43,17,0)'></DIV>") }else{ document.write("<LAYER LEFT="+tmpL+" TOP="+tmpT+" CLIP='1,1,43,17' BGCOLOR='"+blcol[ib]+"'></LAYER>") } blsta[ib*8+ia]=ib }}//--></SCRIPT><DIV id=ball style="LEFT: 209px; WIDTH: 8px; POSITION: absolute; TOP: 270px; HEIGHT: 8px"><DIV style="LEFT: 2px; WIDTH: 4px; CLIP: rect(0px 3px 7px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 8px; BACKGROUND-COLOR: #b0b0b0"></DIV><DIV style="LEFT: 0px; WIDTH: 8px; CLIP: rect(0px 7px 3px 0px); POSITION: absolute; TOP: 2px; HEIGHT: 4px; BACKGROUND-COLOR: #b0b0b0"></DIV><DIV style="LEFT: 1px; WIDTH: 6px; CLIP: rect(0px 5px 5px 0px); POSITION: absolute; TOP: 1px; HEIGHT: 6px; BACKGROUND-COLOR: #ffffff"></DIV></DIV><DIV id=racket style="LEFT: 193px; WIDTH: 40px; CLIP: rect(0px 39px 3px 0px); POSITION: absolute; TOP: 280px; HEIGHT: 4px; BACKGROUND-COLOR: #b0b0ff"></DIV><SCRIPT language=JavaScript><!--if (n4FLG==1){ document.write('<LAYER NAME="ball" LEFT="209" TOP="270" CLIP="0,0,7,7"> <LAYER LEFT="2" TOP="0" CLIP="0,0,3,7" BGCOLOR="#B0B0B0"></LAYER><LAYER LEFT="0" TOP="2" CLIP="0,0,7,3" BGCOLOR="#B0B0B0"></LAYER><LAYER LEFT="1" TOP="1" CLIP="0,0,5,5" BGCOLOR="#FFFFFF"></LAYER></LAYER><LAYER NAME="racket" LEFT="193" TOP="280" CLIP="0,0,39,3" BGCOLOR="#B0B0FF"></LAYER><LAYER NAME="info" LEFT="416" TOP="16">')}else{ document.write('<DIV ID="info" STYLE="position:absolute; top:-1000px; left:416px">')}//--></SCRIPT><FONT style="FONT-SIZE: 22px; COLOR: #000044"><I><B>Hard Block </B></I></FONT><FONT style="FONT-SIZE: 28px; COLOR: #cc0000"><I><B>R</B></I></FONT> <BR><FONT style="FONT-SIZE: 14px; COLOR: #003f00">....for IE4,IE5,NN4,Gecko....</FONT> <BR><P><FORM name=SC>BALL :<INPUT size=5 value=3 name=BL><BR>TIME :<INPUT size=5 value=0 name=TM><BR>BLOCK:<INPUT size=5 value=0 name=CL><BR>SCORE:<INPUT size=5 value=0 name=SR><BR><P><BR></FORM><SCRIPT language=JavaScript><!--if (n4FLG==1){ document.write('</LAYER><LAYER NAME="clrmes" TOP=150 LEFT=160 visibility="HIDE">')}else{ document.write('</DIV><DIV ID="clrmes" STYLE="position:absolute; top:-1000px; left:160px; visibility:visible">')}//--></SCRIPT><FONT style="FONT-SIZE: 24px" color=#44cc44>ALL CLEAR!</FONT><SCRIPT language=JavaScript><!--if (n4FLG==1){ document.write('</LAYER><LAYER NAME="ovrmes" TOP=150 LEFT=160 visibility="HIDE">')}else{ document.write('</DIV><DIV ID="ovrmes" STYLE="position:absolute; top:-1000px; left:160px; visibility:visible">')}//--></SCRIPT> <FONT style="FONT-SIZE: 24px" color=#cc4444>GAME OVER!</FONT><SCRIPT language=JavaScript><!--if (n4FLG==1){ document.write('</LAYER><LAYER NAME="starter" TOP=200 LEFT=180 visibility="HIDE"><FONT COLOR="#FFFFFF">')}else{ document.write('</DIV><DIV ID="starter" STYLE="position:absolute; top:-1000px; left:180px; color:#FFFFFF; visibility:visible">')}//--></SCRIPT> Left = 4 key<BR>Right = 6 key<BR>START = S key </P></A></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->