Template:IGEM Kyoto/game/js
<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>