<html><head>
<LINK type="image/png" href="../images/icons/goalie.png" rel="icon"></LINK>
<title>footy</title>
</head><body bgcolor="#880">
<H1>2D-fa 2015</H1>
<H2 id="score"> 0-0 </H2>
<canvas width=1000 height=500 id="pitch" style="border-width:200px;"></canvas><P>
<table border=1>Controls:<TBODY>
<TR><TD>up:<TD>Jump
<TR><TD>Left & Right:<TD>Move left and right
<TR><TD>Space:<TD>Huge enourmous smashing kick
<TR><TD>Down:<TD>Tackle
</TBODY></TABLE></P>
<script>
var pen=document.getElementById('pitch').getContext('2d');
var ball={
  x:0,
  y:500,
  yv:0,
  xv:0,
};
var MeScore=-1;
var CPUScore=0;
var possesion = false;
var CPUInPos = false;
var GKInPos = false;
var CPUGKInPos = false;
function Player(kitColour,x,y) {
  this.kit=kitColour;
  this.x=x;
  this.y=y;
  this.yv=0;
  this.xv=0;
  this.draw=function() {
    this.y+=this.yv;
    this.x+=this.xv;
    if(this.y<500){
      this.yv+=1;
    }
    if(this.y>500){
      this.y=500;
      this.yv=0;
    }
    pen.fillStyle='#ff8855';
    pen.fillRect(this.x+10,this.y-170,20,20);//head
    pen.fillStyle='#000';
    pen.fillRect(this.x+17.5,this.y-160,5,5);//eye
    pen.fillStyle=this.kit;
    pen.fillRect(this.x+10,this.y-150,20,40);//body
    pen.fillStyle='#ffffff';
    pen.fillRect(this.x+10,this.y-110,20,60);//leg(s?)
  };
};
var me = new Player('#008',900,500);
var you = new Player('#c00',200,500);
var GK=new Player('#bbbb00',900,500);
var CPUGK=new Player('#00ff00',100,500);
function play() {
  me.draw();
  you.draw();
  if(ball.y > 500){
    ball.yv -=  ball.yv*1.5;
    ball.y = 500;
  }
  if(ball.y < 500){
    ball.yv += 1;
  }
  if(ball.x > 948){
    if(ball.y>380){
      CPUScore++;
    }
    me.x=500;
    you.x=100;
    ball.y=500;
    ball.x=450;
    ball.xv=0;
    ball.yv=0;
    CPUInPos=false;
    possesion=false;
    CPUGKInPos=false;
    GKInPos=false;
  }
  if(ball.x < 52){
    if(ball.y>380){
      MeScore++;
    }
    me.x=800;
    you.x=200;
    ball.x=450;
    ball.y=500;
    ball.xv=0;
    ball.yv=0;
    CPUInPos=false;
    possesion=false;
    CPUGKInPos=false;
    GKInPos=false;
  }
  if(ball.x > (me.x-10) && ball.x < me.x+10){
    if(ball.y > me.y-120 && ball.y < me.y-100){
      ball.yv -=  ball.yv*2.1;
    }
  }
  if(ball.x > (you.x-10) && ball.x < you.x+10){
    if(ball.y > you.y-120 && ball.y < you.y-100){
      ball.yv -=  ball.yv*2.1;
    }
  }
  if( Math.abs(ball.x - me.x) < 30 && ball.y > 440){
    ball.x=me.x;
    ball.xv=0;
    ball.yv=0;
    ball.y=500;
    possesion = true;
    CPUInPos=false;
    GKInPos=false;
  }
  if( Math.abs(ball.x - you.x) < 30 && ball.y > 440 && !GKInPos){
    ball.yv=0;
    ball.y=500;
    possesion = false;
    CPUInPos = true;
    GKInPos=false;
  }
  if( Math.abs(ball.x - GK.x) < 30 && ball.y >= GK.y-100 && ball.y <= GK.y -60 ){
    ball.x=GK.x;
    ball.xv=0;
    ball.yv=0;
    ball.y=430;
    possesion = false;
    CPUInPos=false;
    GKInPos=true;
  }
  if( Math.abs(ball.x - CPUGK.x) < 30 && ball.y >= CPUGK.y-60 && ball.y <= CPUGK.y ){
    ball.x=CPUGK.x;
    ball.xv=0;
    ball.yv=0;
    ball.y=500;
    possesion = false;
    CPUInPos=false;
    CPUGKInPos=true;
  }
  if(possesion){
    CPUinPos=false;
  }
  if(CPUInPos){
    possesion=false;
  }
  if(CPUInPos){
    you.xv = 6;
    ball.x=you.x+40;
    if(you.x>700){
      ball.xv= 20;
      ball.yv= Math.random()* -40;
      CPUInPos=false;
    }
  }else{
    if(ball.x > you.x && you.xv<10){
      you.xv+=1;
    }
    if(ball.x < you.x && you.xv > -10){
      you.xv-=1;
    }
  }
  if(ball.y < GK.y-60){
    GK.yv-=3.5;
  }
  if(ball.y < CPUGK.y){
    CPUGK.yv-=3;
  }
  if(CPUGKInPos){
    CPUGK.y=500;
    CPUGK.yv=0;
    ball.yv=0;
    ball.y=500;
    ball.xv=0;
    ball.x=CPUGK.x+40;
    CPUGK.xv+=1;
  }
  if(CPUGK.x > 200){
    CPUGK.xv-=1;
    if(CPUGKInPos){
      ball.xv=7;
      ball.yv=-27;
    }
    CPUGKInPos=false;
  }
  if(CPUGK.x<100){
    CPUGK.x=100;
    CPUGK.xv=0;
  }
  ball.yv=Math.round(ball.yv);
  ball.xv=Math.round(ball.xv);
  ball.y+=ball.yv;
  ball.x+=ball.xv;
  pen.fillStyle='#8888ff';
  pen.fillRect(0,0,1000,500);//sky
  pen.fillStyle="#00ca00";
  pen.fillRect(0,450,1000,50);//floor
  pen.fillStyle="#ffff00";
  pen.fillRect(700,75,50,50);//sun
  pen.lineWidth=7;
  pen.moveTo(25,450);
  pen.lineTo(25,300);
  pen.lineTo(100,300);
  pen.strokeStyle='#fff';
  pen.stroke();//goal 1
  pen.beginPath();
  pen.moveTo(975,450);
  pen.lineTo(975,300);
  pen.lineTo(900,300);
  pen.stroke();//goal 2
  pen.beginPath();
  pen.fillStyle='#0000ff';
  pen.fillRect(ball.x-20,ball.y-90,40,40);//football
  me.draw();
  you.draw();
  GK.draw();
  CPUGK.draw();
  score.textContent=CPUScore+'-'+MeScore;
  setTimeout("play()",100);
};
onkeydown=function(event) {
  if(event.keyCode === 37){
    if(me.xv > -10){
      me.xv -= 1;
    }
  }
  if(event.keyCode === 39){
    if(me.xv < 10){
      me.xv += 1;
    }  
  }
  if(event.keyCode === 38){
    me.yv=-10;
  }
  if(event.keyCode === 32){
    if(possesion){
      possesion=false;
      CPUInPos=false;
      ball.x=me.x - 31;
      ball.xv=-20;
      ball.yv=-20;
    }
    if(GKInPos){
      possesion=false;
      CPUInPos=false;
      ball.x=GK.x - 31;
      ball.xv=-10;
      ball.yv=-30;
    }
  }
  if(event.keyCode === 40){
    if( Math.abs(ball.x - me.x) < 50 && ball.y > 440 && ( CPUInPos || CPUGKInPos ) ){
      me.x=you.x-65;
      ball.xv=0;
      ball.x=me.x-40;
      possesion = true;
      CPUInPos=false;
      CPUGKInPos=false;
    }
  }
};
onkeyup=function() {
  me.xv=0;
};
play();
setTimeout("alert('half time.');setTimeout('alert(\"full Time.\");play=null',45000);",45000);
</script>
<HR>
<P>&copy <A href="../flobit.html" style="color:#888">flob</A>group.corp</P>
</body></html>