Template:IGEM Kyoto/game/js: Difference between revisions
No edit summary |
No edit summary |
||
(9 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function | p=2017; | ||
pass=new Array(1,0,0,0,0); | |||
function events(year) | |||
{ | { | ||
var | var a='kyoto-events-'+p | ||
var dpoff=document.getElementById(a); | |||
dpoff.style.display="none"; | |||
var b='kyoto-events-'+year | |||
var dpon=document.getElementById(b); | |||
dpon.style.display="block"; | |||
p=year; | |||
if(year=="2012") | |||
{ | |||
if(pass[0]==1) | |||
{ | |||
pass[1]=1; | |||
pass[0]=0; | |||
} | |||
else | |||
{ | |||
pass[0]=1; | |||
for (i=1;i<5;i++){ | |||
pass[i]=0; | |||
} | |||
} | |||
} | |||
if(year=="2010") | |||
{ | |||
if(pass[1]==1) | |||
{ | |||
pass[2]=1; | |||
pass[1]=0; | |||
} | |||
else | |||
{ | |||
pass[0]=1; | |||
for (i=1;i<5;i++){ | |||
pass[i]=0; | |||
} | |||
} | } | ||
} | } | ||
if(year=="2011") | |||
{ | |||
if(pass[2]==1) | |||
{ | |||
pass[3]=1; | |||
pass[2]=0; | |||
} | } | ||
else if(pass[4]==1) | |||
{ | |||
var gameback=document.getElementById("kyoto-game-background"); | |||
var gamecenter=document.getElementById("kyoto-game-center"); | |||
gameback.style.display="block"; | |||
gamecenter.style.display="block"; | |||
} | } | ||
else | |||
{ | |||
pass[0]=1; | |||
for (i=1;i<5;i++){ | |||
pass[i]=0; | |||
} | |||
} | } | ||
} | } | ||
if( | if(year=="2014") | ||
if( | { | ||
if(pass[3]==1) | |||
{ | |||
pass[4]=1; | |||
pass[3]=0; | |||
} | |||
else | |||
{ | |||
pass[0]=1; | |||
for (i=1;i<5;i++){ | |||
pass[i]=0; | |||
} | } | ||
} | } | ||
} | } | ||
} | } | ||
} | dx=155, dy=100; | ||
x=55, sec=101, pnt=0, dmg=-15, lag=-3; | |||
mode=0; | |||
var i; | |||
baspos=new Array(3); | |||
for (i=0;i<3;i++){ | |||
baspos[i]=new Array(4); | |||
} | |||
for(i=0;i<3;i++){ | |||
for(j=0;j<4;j++){ | |||
baspos[i][j]=0; | |||
} | |||
} | |||
catpos=new Array(0,1); | |||
document.onkeydown=action; | |||
function rnd(){ | |||
return Math.floor(Math.random()*4); | |||
} | |||
function loop() | |||
{ | |||
if(sec>0) | |||
{ | |||
if(dmg<100) | |||
{ | |||
setTimeout("loop()",1000); | |||
} | |||
else | |||
{ | |||
setTimeout("gameover()",1); | |||
} | |||
} | |||
else | |||
{ | |||
setTimeout("gameover()",1); | |||
} | |||
var a,b; | |||
var base0=document.getElementById("image0"); | |||
var base1=document.getElementById("image1"); | |||
var base2=document.getElementById("image2"); | |||
var time=document.getElementById("time"); | |||
var score=document.getElementById("score"); | |||
var damage=document.getElementById("damage"); | |||
if(baspos[2][catpos[0]]+catpos[1]==5) | |||
{ | |||
pnt+=5; | |||
} | |||
else{ | |||
dmg+=5; | |||
} | |||
sec-=1; | |||
time.innerHTML=sec; | |||
score.innerHTML=pnt; | |||
damage.innerHTML=dmg; | |||
for(j=0;j<4;j++){ | |||
baspos[2][j]=baspos[1][j]; | |||
} | |||
for(j=0;j<4;j++){ | |||
baspos[1][j]=baspos[0][j]; | |||
} | |||
a=rnd(); | |||
b=rnd(); | |||
for(j=0;j<4;j++){ | |||
baspos[0][j]=0; | |||
} | |||
baspos[0][a]=b+1; | |||
for(j=0;j<4;j++){ | |||
if(baspos[0][j]>0){ | |||
base0.style.left=55+155*j+"px"; | |||
if(baspos[0][j]==1) | |||
{ | |||
base0.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; | |||
} | |||
if(baspos[0][j]==2) | |||
{ | |||
base0.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; | |||
} | |||
if(baspos[0][j]==3) | |||
{ | |||
base0.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; | |||
} | |||
if(baspos[0][j]==4) | |||
{ | |||
base0.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; | |||
} | |||
} | |||
} | |||
for(j=0;j<4;j++){ | |||
if(baspos[1][j]>0){ | |||
base1.style.left=55+155*j+"px"; | |||
if(baspos[1][j]==1) | |||
{ | |||
base1.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; | |||
} | |||
if(baspos[1][j]==2) | |||
{ | |||
base1.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; | |||
} | |||
if(baspos[1][j]==3) | |||
{ | |||
base1.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; | |||
} | |||
if(baspos[1][j]==4) | |||
{ | |||
base1.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; | |||
} | |||
} | |||
} | |||
for(j=0;j<4;j++){ | |||
if(baspos[2][j]>0){ | |||
base2.style.left=55+155*j+"px"; | |||
if(baspos[2][j]==1) | |||
{ | |||
base2.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; | |||
} | |||
if(baspos[2][j]==2) | |||
{ | |||
base2.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; | |||
} | |||
if(baspos[2][j]==3) | |||
{ | |||
base2.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; | |||
} | |||
if(baspos[2][j]==4) | |||
{ | |||
base2.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; | |||
} | |||
} | |||
} | |||
lag+=1; | |||
if(lag<0) | |||
{ | |||
var damage=document.getElementById("damage"); | |||
damage.innerHTML="" | |||
} | |||
} | |||
function gameover() | |||
{ | |||
var gameover=document.getElementById("gameover"); | |||
var showscore=document.getElementById("showscore"); | |||
showscore.innerHTML="SCORE : "+pnt; | |||
mode=2; | |||
gameover.style.display="inline"; | |||
} | |||
function action() | |||
{ | |||
if(event.keyCode==37) | |||
{ | |||
if(catpos[0]!=0) | |||
{ | |||
var catcher=document.getElementById("image3"); | |||
catpos[0]-=1; | |||
x-=dx; | |||
catcher.style.left=x+"px"; | |||
} | |||
} | |||
if(event.keyCode==39) | |||
{ | |||
if(catpos[0]!=3) | |||
{ | |||
var catcher=document.getElementById("image3"); | |||
catpos[0]+=1; | |||
x+=dx; | |||
catcher.style.left=x+"px"; | |||
} | |||
} | |||
if(event.keyCode==40) | |||
{ | |||
var catcher=document.getElementById("image3"); | |||
catpos[1]=catpos[0]+1; | |||
catcher.src=catpos[1]+".png"; | |||
if(catpos[1]==1) | |||
{ | |||
catcher.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png" | |||
} | |||
if(catpos[1]==2) | |||
{ | |||
catcher.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png" | |||
} | |||
if(catpos[1]==3) | |||
{ | |||
catcher.src="http://openwetware.org/images/6/61/Kyoto-game-3.png" | |||
} | |||
if(catpos[1]==4) | |||
{ | |||
catcher.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png" | |||
} | |||
} | |||
if(event.keyCode==13) | |||
{ | |||
if(mode==0) | |||
{ | |||
var gamestart=document.getElementById("gamestart"); | |||
gamestart.style.display="none"; | |||
mode=1; | |||
setTimeout("loop()",1); | |||
} | |||
if(mode==2) | |||
{ | |||
var gameover=document.getElementById("gameover"); | |||
mode=1; | |||
setTimeout("reset()",1); | |||
gameover.style.display="none"; | |||
setTimeout("loop()",10); | |||
} | |||
} | |||
} | |||
function reset(){ | |||
x=55, sec=101, pnt=0, dmg=-15; | |||
var i; | |||
for (i=0;i<3;i++){ | |||
baspos[i]=new Array(4); | |||
} | |||
for(i=0;i<3;i++){ | |||
for(j=0;j<4;j++){ | |||
baspos[i][j]=0; | |||
} | |||
} | |||
catpos[0]=0; | |||
catpos[1]=1; | |||
var base0=document.getElementById("image0"); | |||
var base1=document.getElementById("image1"); | |||
var base2=document.getElementById("image2"); | |||
var catcher=document.getElementById("image3"); | |||
base0.src=""; | |||
base1.src=""; | |||
base2.src=""; | |||
catcher.style.left="55px"; | |||
lag=-3; | |||
} | |||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 22:54, 25 February 2017
<html> <script type="text/javascript">
p=2017; pass=new Array(1,0,0,0,0); function events(year) { var a='kyoto-events-'+p var dpoff=document.getElementById(a); dpoff.style.display="none"; var b='kyoto-events-'+year var dpon=document.getElementById(b); dpon.style.display="block"; p=year; if(year=="2012") { if(pass[0]==1) { pass[1]=1; pass[0]=0; } else { pass[0]=1; for (i=1;i<5;i++){ pass[i]=0; } } } if(year=="2010") { if(pass[1]==1) { pass[2]=1; pass[1]=0; } else { pass[0]=1; for (i=1;i<5;i++){ pass[i]=0; } } } if(year=="2011") { if(pass[2]==1) { pass[3]=1; pass[2]=0; } else if(pass[4]==1) { var gameback=document.getElementById("kyoto-game-background"); var gamecenter=document.getElementById("kyoto-game-center"); gameback.style.display="block"; gamecenter.style.display="block"; } else { pass[0]=1; for (i=1;i<5;i++){ pass[i]=0; } } } if(year=="2014") { if(pass[3]==1) { pass[4]=1; pass[3]=0; } else { pass[0]=1; for (i=1;i<5;i++){ pass[i]=0; } } }
} dx=155, dy=100; x=55, sec=101, pnt=0, dmg=-15, lag=-3; mode=0; var i; baspos=new Array(3); for (i=0;i<3;i++){
baspos[i]=new Array(4);
} for(i=0;i<3;i++){
for(j=0;j<4;j++){
baspos[i][j]=0; } } catpos=new Array(0,1);
document.onkeydown=action;
function rnd(){
return Math.floor(Math.random()*4);
}
function loop() { if(sec>0) { if(dmg<100) { setTimeout("loop()",1000); } else { setTimeout("gameover()",1); } } else { setTimeout("gameover()",1); }
var a,b;
var base0=document.getElementById("image0"); var base1=document.getElementById("image1"); var base2=document.getElementById("image2"); var time=document.getElementById("time"); var score=document.getElementById("score"); var damage=document.getElementById("damage");
if(baspos[2][catpos[0]]+catpos[1]==5) { pnt+=5; } else{ dmg+=5; } sec-=1;
time.innerHTML=sec; score.innerHTML=pnt; damage.innerHTML=dmg;
for(j=0;j<4;j++){ baspos[2][j]=baspos[1][j]; } for(j=0;j<4;j++){ baspos[1][j]=baspos[0][j]; }
a=rnd(); b=rnd(); for(j=0;j<4;j++){ baspos[0][j]=0; } baspos[0][a]=b+1;
for(j=0;j<4;j++){ if(baspos[0][j]>0){ base0.style.left=55+155*j+"px"; if(baspos[0][j]==1) { base0.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; } if(baspos[0][j]==2) { base0.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; } if(baspos[0][j]==3) { base0.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; } if(baspos[0][j]==4) { base0.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; } } } for(j=0;j<4;j++){ if(baspos[1][j]>0){ base1.style.left=55+155*j+"px"; if(baspos[1][j]==1) { base1.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; } if(baspos[1][j]==2) { base1.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; } if(baspos[1][j]==3) { base1.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; } if(baspos[1][j]==4) { base1.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; } } } for(j=0;j<4;j++){ if(baspos[2][j]>0){ base2.style.left=55+155*j+"px"; if(baspos[2][j]==1) { base2.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png"; } if(baspos[2][j]==2) { base2.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png"; } if(baspos[2][j]==3) { base2.src="http://openwetware.org/images/6/61/Kyoto-game-3.png"; } if(baspos[2][j]==4) { base2.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png"; } } } lag+=1; if(lag<0) { var damage=document.getElementById("damage"); damage.innerHTML="" } }
function gameover() {
var gameover=document.getElementById("gameover"); var showscore=document.getElementById("showscore"); showscore.innerHTML="SCORE : "+pnt; mode=2;
gameover.style.display="inline"; }
function action() {
if(event.keyCode==37)
{ if(catpos[0]!=0) { var catcher=document.getElementById("image3"); catpos[0]-=1; x-=dx; catcher.style.left=x+"px"; } }
if(event.keyCode==39)
{ if(catpos[0]!=3) { var catcher=document.getElementById("image3"); catpos[0]+=1; x+=dx; catcher.style.left=x+"px"; } }
if(event.keyCode==40)
{ var catcher=document.getElementById("image3"); catpos[1]=catpos[0]+1; catcher.src=catpos[1]+".png"; if(catpos[1]==1) { catcher.src="http://openwetware.org/images/0/0b/Kyoto-game-1.png" } if(catpos[1]==2) { catcher.src="http://openwetware.org/images/9/9f/Kyoto-game-2.png" } if(catpos[1]==3) { catcher.src="http://openwetware.org/images/6/61/Kyoto-game-3.png" } if(catpos[1]==4) { catcher.src="http://openwetware.org/images/3/3f/Kyoto-game-4.png" } }
if(event.keyCode==13)
{ if(mode==0) { var gamestart=document.getElementById("gamestart"); gamestart.style.display="none"; mode=1; setTimeout("loop()",1); } if(mode==2) { var gameover=document.getElementById("gameover"); mode=1; setTimeout("reset()",1); gameover.style.display="none"; setTimeout("loop()",10); } } }
function reset(){ x=55, sec=101, pnt=0, dmg=-15; var i; for (i=0;i<3;i++){ baspos[i]=new Array(4); } for(i=0;i<3;i++){ for(j=0;j<4;j++){ baspos[i][j]=0; } } catpos[0]=0; catpos[1]=1; var base0=document.getElementById("image0"); var base1=document.getElementById("image1"); var base2=document.getElementById("image2"); var catcher=document.getElementById("image3"); base0.src=""; base1.src=""; base2.src=""; catcher.style.left="55px"; lag=-3; } </script>
</html>