Boll Game

<div style="background-color:#FFF; border:thick; border-radius:15px;" id="game">
<div style="border-radius:50%;" id="square0">
</div>
<div style="border-radius:25px 30px 5px;" id="square1">
</div>
<div style="background-color:#CCC; border-radius:10px 8px; border:groove;" id="notepad">
</div>
<div style="background-color:#FFF; border:dotted; border-radius:15px; width:50px;" id="pad">
</div>
</div>

{
    x = document.getElementById("square1")
    square = 0
    }
bounceGame()
checkCollision()
}
 
function assignM(aM)
{
squareMotion = aM
}
 
function bounceGame()
{
    if(squareMotion==1)
    { 
        if(squareTop>=(gameHeight-40) && squareLeft>=(gameWidth-40))
        {
        assignM(3)
        moveDR(-40)
        }
 
        if(squareTop>=(gameHeight-40)) 
        { 
        assignM(2)
        moveDL(-40)
        } 
        else if(squareLeft>=(gameWidth-40))
        {
        assignM(4)
        moveDL(40)
        }
        else {
        moveDR(40)
        }
    }
    else if(squareMotion==2)
    {
        if(squareTop<=0 && squareLeft>=(gameWidth-40))
        {
        assignM(4)
        moveDL(40)
        }
 
        if(squareLeft>=(gameWidth-40))
        {
        assignM(3)
        moveDR(-40)
        } 
        else if(squareTop<=0)
        {
        assignM(1)
        moveDR(40)
        }
        else
        {
        moveDL(-40)
        }
    }
    else if(squareMotion==3)
    {
        if(squareTop<=0 && squareLeft<=0)
        {
        assignM(1)
        moveDR(40)
        }
 
        if(squareTop<=0)
        {
        assignM(4)
        moveDL(40)
        } 
        else if(squareLeft<=0)
        {
        assignM(2)
        moveDL(-40)
        }
        else
        {
        moveDR(-40)
        }
    }
    else if(squareMotion==4)
    {
        if(squareTop>=(gameHeight-40) && squareLeft<=0)
        {
        assignM(2)
        moveDL(-40)
        }
 
        if(squareLeft<=0)
        {
        assignM(1)
        moveDR(40)
        } 
        else if(squareTop>=(gameHeight-40))
        {
        assignM(3)
        moveDR(-40)
        }
        else
        {
        moveDL(40)
        }
    }
}
 
function moveDR(amount)
{ 
save = amount
amount = Math.floor(amount/angle)
 
    if(angle == 0)
    {
    amount = 0
    }
 
squareLeft += amount 
x.style.left = squareLeft+"px"
squareTop += save 
x.style.top = squareTop+"px"
}
 
function moveDL(amount)
{
save = amount
amount = Math.floor(amount/angle)
 
    if(angle == 0)
    {
    amount = 0
    }
 
squareLeft -= amount 
x.style.left = squareLeft+"px"
squareTop += save 
x.style.top = squareTop+"px"
}
 
function assignAngle(aa)
{
    if(aa==1)
    {
    angle = 0
    nextScore = 1000
    }
    if(aa==2)
    {
    angle = 2
    nextScore = 100
    }
 
    score += nextScore
 
document.getElementById("pad").innerHTML = nextScore
}
 
function flashScore()
{
    if(score > 0)
    {   
        if(nextScore == "BounceGame")
        {
        nextScore = score
        }
        else
        {
        nextScore = "BounceGame"
        }
 
    document.getElementById("notepad").innerHTML = nextScore
    }
    else
    {
    document.getElementById("notepad").innerHTML = "BounceGame"
    }
}
 
function countUp()
{
    if(count < (Math.floor(score/10)*8))
    {
    count += Math.floor(score/10)
    }
    else if(count >= (Math.floor(score/10)*8) && count <= (Math.floor(score/10)*9))
    {
        if((Math.floor(score/10)*9) > 200)
        {
        count += Math.floor(score/10)
        }
        else
        {
        count += 10
        }
    }
    else
    {
        if(Math.floor(score/10) > 30)
        {
        count += 10
        }
        else
        {
        count += 1
        }
    }
     
    if(count > score)
    {
    count = score
    clearInterval(intervalOne)
    intervalOne = setInterval("flashScore()", 2000) 
    }
 
document.getElementById("notepad").innerHTML = count
}
 
function checkCollision()
{
var actualLeft = getPad-30
 
    if(squareTop == 0)
    {
    document.getElementById("pad").innerHTML = ""
    }
 
    if((squareTop+40)==(gameHeight-40))
    {
    difference = Math.floor(squareLeft-actualLeft)
     
        if(difference>=(-39)&&difference<4)
        {
        collisionOne++
        collisionTwo = 0
        collisionThree = 0
 
            if(collisionOne > 3)
            {
            assignM(Math.floor(Math.random() * 2) + 2)
            }
            else
            {
            assignM(3)
            }
 
        assignAngle(2)
        }
        else if(difference>=5&&difference<15)
        {
        collisionOne = 0
        collisionTwo++
        collisionThree = 0
 
            if(collisionTwo > 3)
            {
            assignM(Math.floor(Math.random() * 2) + 2)
            assignAngle(2)
            }
            else
            {   
            assignM(3)
            assignAngle(1)
            }
        }
        else if(difference>=15&&difference<59)
        {
        collisionOne = 0
        collisionTwo = 0
        collisionThree++
 
            if(collisionThree > 3)
            {
            assignM(Math.floor(Math.random() * 2) + 2)
            }
            else
            {   
            assignM(2)
            }
 
        assignAngle(2)
        }
    }
    else if((squareTop+40)==gameHeight)
    {
    block = 1
    clearInterval(intervalOne)
    setupGame()
    intervalOne = setInterval("countUp()", speed) 
    }
}
 
function getMouseXY(e)
{
    if(navigator.appName=="Netscape")
    {  
    tempX = e.pageX
    tempY = e.pageY
    }  
    else
    { 
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
    }
 
    if(tempX < 0)
    {
    tempX = 0
    } 
 
    getPad = tempX
 
    if(getPad <= 30)
    {
    getPad = 30
    }
 
    if((getPad-30) > Math.floor(gameWidth-60))
    {
    getPad = Math.floor(gameWidth-60)+30
    }
 
    if(!block)
    {
    document.getElementById("pad").style.left = (getPad-30)+"px"}}
document.onmousemove = getMouseXY
setupGame()

Paddle Game

<canvas style="background: #eee; border-radius:5px;" id="myCanvas" width="480" height="320"></canvas>

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var ballRadius = 10;
var x = canvas.width/2;
var y = canvas.height-30;
var dx = 2;
var dy = -2;
var paddleHeight = 10;
var paddleWidth = 75;
var paddleX = (canvas.width-paddleWidth)/2;
var rightPressed = false;
var leftPressed = false;
var brickRowCount = 5;
var brickColumnCount = 3;
var brickWidth = 75;
var brickHeight = 20;
var brickPadding = 10;
var brickOffsetTop = 30;
var brickOffsetLeft = 30;
var score = 0;
var lives = 3;

var bricks = [];
for(c=0; c<brickColumnCount; c++) {
    bricks[c] = [];
    for(r=0; r<brickRowCount; r++) {
        bricks[c][r] = { x: 0, y: 0, status: 1 };
    }
}

document.addEventListener("keydown", keyDownHandler, false);
document.addEventListener("keyup", keyUpHandler, false);
document.addEventListener("mousemove", mouseMoveHandler, false);

draw();

Snake Game

<canvas style="border:inset; border-radius:15px; box-shadow:3px 6px #000000;" id="canvas" width="450" height="450"></canvas>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

$(document).ready(function(){
 
 var canvas = $("#canvas")[0];
 var ctx = canvas.getContext("2d");
 var w = $("#canvas").width();
 var h = $("#canvas").height();
 
 
 var cw = 11;
 var d;
 var food;
 var score;
 
 
 var snake_array; 
 
 function init()
 {
  d = "right"; 
  create_snake();
  create_food(); 
  
  score = 0.5;
  
  
  
  if(typeof game_loop != "undefined") clearInterval(game_loop);
  game_loop = setInterval(paint, 80);
 }
 init();
 
 function create_snake()
 {
  var length = 5; 
  snake_array = []; 
  for(var i = length-1; i>=0; i--)
  {
   
   snake_array.push({x: i, y:0});
  }
 }
 
 
 function create_food()
 {
  food = {
   x: Math.round(Math.random()*(w-cw)/cw), 
   y: Math.round(Math.random()*(h-cw)/cw), 
  };
  
 }
 
 
 function paint()
 {
  
  ctx.fillStyle = "white";
  ctx.fillRect(0, 0, w, h);
  ctx.strokeStyle = "black";
  ctx.strokeRect(0, 0, w, h);
  
  
  var nx = snake_array[0].x;
  var ny = snake_array[0].y;
  
  if(d == "right") nx++;
  else if(d == "left") nx--;
  else if(d == "up") ny--;
  else if(d == "down") ny++;
  
  
  
  if(nx == -1 || nx == w/cw || ny == -1 || ny == h/cw || check_collision(nx, ny, snake_array))
  {
   
   init();
   
   return;
  }
  
  
  if(nx == food.x && ny == food.y)
  {
   var tail = {x: nx, y: ny};
   score++;
   
   create_food();
  }
  else
  {
   var tail = snake_array.pop(); 
   tail.x = nx; tail.y = ny;
  }
  
  
  snake_array.unshift(tail); 
  
  for(var i = 0; i < snake_array.length; i++)
  {
   var c = snake_array[i];
   
   paint_cell(c.x, c.y);
  }
  
  
  paint_cell(food.x, food.y);
  
  var score_text = "Score: " + score;
  ctx.fillText(score_text, 5, h-5);
 }
 
 
 function paint_cell(x, y)
 {
  ctx.fillStyle = "red";
  ctx.fillRect(x*cw, y*cw, cw, cw);
  ctx.strokeStyle = "white";
  ctx.strokeRect(x*cw, y*cw, cw, cw);
 }
 
 function check_collision(x, y, array)
 {
  
  for(var i = 0; i < array.length; i++)
  {
   if(array[i].x == x && array[i].y == y)
    return true;
  }
  return false;
 }
 
 
 $(document).keydown(function(e){
  var key = e.which;
  
  if(key == "37" && d != "right") d = "left";
  else if(key == "38" && d != "down") d = "up";
  else if(key == "39" && d != "left") d = "right";
  else if(key == "40" && d != "up") d = "down";
  
 })
  })

Chess Game

var B,i,y,u,b,I=[],G=120,x=10,z=15,M=1e4,l=[5,3,4,6,2,4,3,5,1,1,1,1,1,1,1,1,9,9
,9,9,9,9,9,9,13,11,12,14,10,12,11,13,0,99,0,306,297,495,846,-1,0,1,2,2,1,0,-1,-
1,1,-10,10,-11,-9,9,11,10,20,-9,-11,-10,-20,-21,-19,-12,-8,8,12,19,21];
function
X(w,c,h,e,S,s)
{var t,o,L,E,d,O=e,N=-M*M,K=78-h<<x,p,g,n,m,A,q,r,C,J,a=y?-x:x;
y^=8;G++;d=w||s&&s>=h&&X(0,0,0,21,0,0)>M;
do{if(o=I[p=O]){q=o&z^y;if(q<7){A=q--&
2?8:4;C=o-9&z?[53,47,61,51,47,47][q]:57;
do{r=I[p+=l[C]];
if(!w|p==w){g=q|p+a-S?0
:S;
if(!r&(!!q|A<3||!!g)||(r+1&z^y)>9&&q|A>2)
{if(m=!(r-2&7))return y^=8,I[G--]=
O,K;J=n=o&z;E=I[p-a]&z;t=q|E-7?n:(n+=2,6^y);
while(n<=t){L=r?l[r&7|32]-h-q:0;
if(
s)L+=(1-q?l[(p-p%x)/x+37]-l[(O-O%x)/x+37]+l[p%x+38]*(q?1:2)-l[O%x+38]+(o&16)/2:
!!m*9)+(!q?!(I[p-1]^n)+!(I[p+1]^n)+l[n&7|32]-99+!!g*99+(A<2):0)+!(E^y^9);
if(s>h
||1<s&s==h&&L>z|d){I[p]=n,I[O]=m?(I[g]=I[m],I[m]=0):g?I[g]=0:0;L-=X(s>h|d?0:p,L
-N,h+1,I[G+1],J=q|A>1?0:p,s);
if(!(h||s-1|B-O|i-n|p-b|L<-M))
return W(),G--,u=J;
J=q-1|A<7||m||!s|d|r|o<z||X(0,0,0,21,0,0)>M;I[O]=o;I[p]=r;m?(I[m]=I[g],I[g]=0):
g?I[g]=9^y:0;}
if(L>N||s>1&&L==N&&!h&&Math.random()<.5){I[G]=O;if(s>1)
{if(h&&c-L
<0)return y^=8,G--,L;if(!h)i=n,B=O,b=p;}N=L;}n+=J||(g=p,m=p<O?g-3:g+2,I[m]<z|I[
m+O-p]||I[p+=p-O])?1:0;}}}}while(!r&q>2||(p=O,q|A>2|o>z&!r&&++C*--A));}}}while(
++O>98?O=20:e-O);return y^=8,G--,N+M*M&&N>-K+1924|d?N:0;}B=i=y=u=0;while(B++<
120)I[B-1]=B%x?B/x%x<2|B%x<2?7:B/x&4?0:l[i++]|16:7;for(a=
"<table cellspacing=0 align=center>",i=18;i<100;a+=++i%10-9?
"<th width=40 height=40 onclick=Y("+i+") style='border:9px solid #aae' id=o"+i+
" bgcolor=#000"+(i*.9&1?"9090d0>":"c0c0ff>"):(i++,"
<tr>"));
a+="<th colspan=8><select id=t><option><option><option>";
document.write(a+"<option>N</select></table>
");
function W(){B=b;for(p=21;p<99;++p)if(q=document.getElementById("o"+p)){q.
innerHTML="<img width=40 src="+(I[p]&z)+".gif>";q.
style.borderColor=p==B?"red":"white";}}W();
function Y(s){i=(I[s]^y)&z;if(i>8){b=s;W();}else if(B&&i<9){b=s;i=I[B]&z;if((i&
7)==1&(b<29|b>90))i=14-document.getElementById("t").selectedIndex^y;X(0,0,0,21,
u,1);if(y)setTimeout("X(0,0,0,21,u,2/*ply*/),X(0,0,0,21,u,1)",250);}}
for(B=i=y=u=b=i=5-5,x=10,I=[],l=[];B++<304;
I[B-1]=B%x?B/x%x<2|B%x<2?7:B/x&4?0:l[i++]=("cheetah").charCodeAt(y++)-64:7);function X(c,h,e,s){c^=8;for(var c,h,e,e,t,a,h,d=e&&X(c,0
)>1e4,n,N=-1e8,O=20,K=78-h<<9;++O<99;)if((o=I[T=O])&&(G=o^c)<7){A=G--&2?8:4;C=
o-9?l[61+G]:49;do if(!(R=I[T+=l[C]])&&!!G|A<3||(R+1^c)>9&&G|A>2){if(!(R-2&7)
)return K;n=G|(c?T>29:T<91)?o:6^c;S=(R&&l[R&7|32]*2-h-G)+(n-o?110:!G&&(A<2)+1);
if(e>h||1<e&e==h&&S>2|d){I[T]=n;I[O]=0;S-=X(c,h+1,e,S-N);if(!(h||e-1|B-O|T-b|S<
-1e4))return W(),c&&setTimeout("X(8,0,2),X(8,0,1)",75);I[O]=o;I[T]=R}if(S>N||!h
&S==N&&Math.random()<.5)if(N=S,e>1)if(h?s-S<0:(B=O,b=T,0))break}while(!R&G>2||(
T=O,(G||A>2|(c?O>78:O<41)&!R)&&++C*--A))}return-K+768<N|d&&N}function W(){i=
"<table>";for(u=18;u<99;document.body.innerHTML=i+=++u%x-9?
"<th width=60 height=60 onclick='I[b="+u+
"]>8?W():X(0,0,1)'style='font-size:50px'bgcolor=#"+(u-B?u*.9&1||9:"d")+
"0f0e0>&#"+(I[u]?9808+l[67+I[u]]:160):u++&&"
<tr>")B=b}W()
for(B=i=y=u=b=i=5-5,x=10,z=15,I=[],l=[];l[B]=("ustvrtsuqqqqqqqq"+"yyyyyyyy}{|~z|{}@G@TSb~?A6J57IKJT576,+-48HLSUmgukgg OJNMLK  IDHGFE").charCodeAt(B)-64,B++<120;I[B-1]=B%x?B/x%x<2|B%x<2?7:B/x&4?0:l[u++]:7);function X(c,h,e,S,s){c^=8;for(var T,o,L,E,D,O=20,G,N=-1e8,n,g,d=S&&X(c,0)>1e4,C,R,A,K=78-h<<9,a=c?x:-x;++O<99;)if((o=I[T=O])&&(G=o&z^c)<7){A=G--&2?8:4;C=9-o&
z?l[61+G]:49;do{R=I[T+=l[C]];g=D=G|T+a-e?0:e;if(!R&&(G||A<3||g)||(1+R&z^c)>9&&G
|A>2){if(!(2-R&7))return K;for(E=n=G|I[T-a]-7?o&z:6^c;E;E=!E&&!d&&!(g=T,D=T<O?g
-3:g+2,I[D]<z|I[D+O-T]|I[T+=T-O])){L=(R&&l[R&7|32]*2-h-G)+(G?0:n-o&z?110:(D&&14
)+(A<2)+1);if(S>h||1<S&S==h&&L>2|d){I[T]=n,I[g]=I[D],I[O]=D?I[D]=0:0;L-=X(c,h+1
,E=G|A>1?0:T,S,L-N);if(!(h||S-1|B-O|T-b|L<-1e4))return W(y=E),c&&setTimeout(
"X(8,0,y,2),X(8,0,y,1)",75);E=1-G|A<7|D|!S|R|o<z||X(c,0)>1e4;I[O]=o;I[T]=R;I[D
]=I[g];D?I[g]=G?0:9^c:0}if(L>N||!h&L==N&&Math.random()<.5)if(N=L,S>1)if(h?s-L<0
:(B=O,b=T,0))return N}}}while(!R&G>2||(T=O,G|A>2|z<o&!R&&++C*--A))}return-K+
768<N|d&&N}function W(){i="<table>";for(u=18;u<98;document.body.innerHTML=i+=++
u%x-9?"<th width=60 height=60 onclick='I[b="+u+
"]&8?W():X(0,0,y,1)'style='font-size:50px'bgcolor=black"+(u-B?u*.9&1||9:"d")+"#FFFF00>&#"+(I[u]&15?9808+l[67+(I[u]&15)]:160)+";":u++&&"
<tr>")B=b}W()

Piono Tiles

<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <h2 class="center" style="font-family:Arial, Helvetica, sans-serif; font-size:36px;">
Piono-Tiles</h2>
<div class="gameContainer" id="gameContainer">
            <canvas 
                width="300" 
                height="500"
                class="gamePianotitle" 
                id="gameCanvas"
                onclick="gameMouseClick(event)"></canvas>
            <img src="replay.png" id="replay" class="replay" />
            <div class="center">
             
            </div>
</div>

            body{
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 100%;  background-image:url(rainbow_texture679.jpg);          }
   
   
   
   
            .gameContainer{
                margin: 0 auto;
                background: transparent;
    
            }
            .gamePianotitle{
                background-color: #00F;
                width: 300px;
                height: 500px;
                margin: 0 auto;
                display: block;
                border: 1px solid #111;
                cursor: pointer;
                border-left: none;
                box-shadow: 2px 3px 10px #000; border:inset; border-collapse:collapse; border-color:#FFF;
    
            }
            .replay{
                display: none; 
            }
            .center{
                text-align: center; 
            }
            .fullButton{
                width: 300px;
                padding: 10px 20px;
                font-size: 1.2rem;
                font-family: sans-serif;
                color: #000;
                background-color: #FFF;
                margin-top: 10px;
                border: 1px solid #333;
                outline: none;
                cursor: pointer; border-radius:15px 20px 5px; font-size:26px; box-shadow:2px 4px 8px #000000;
            }

function _(id) {
                return document.getElementById(id);
}

Tic Tac Toe

<form NAME="tic" method="post">
<input TYPE="button" NAME="sqr1" class="tictac inp" value="     " onClick="if(document.tic.sqr1.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr1.value = ' X '; sqr1T = 1; turn = 1; vari(); check();} else if(document.tic.sqr1.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr1.value = ' X '; sqr1T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr1.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr1.value = ' O '; sqr1T = 1; turn = 1; vari(); player1Check()} drawCheck()"><input TYPE="button" NAME="sqr2" class="tictac inp" value="     " onClick="if(document.tic.sqr2.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr2.value = ' X '; sqr2T = 1; turn = 1; vari(); check();} else if(document.tic.sqr2.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr2.value = ' X '; sqr2T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr2.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr2.value = ' O '; sqr2T = 1; turn = 1; vari(); player1Check()} drawCheck()"><input TYPE="button" NAME="sqr3" class="tictac inp" value="     " onClick="if(document.tic.sqr3.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr3.value = ' X '; sqr3T = 1; turn = 1; vari(); check();} else if(document.tic.sqr3.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr3.value = ' X '; sqr3T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr3.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr3.value = ' O '; sqr3T = 1; turn = 1; vari(); player1Check()} drawCheck()"><br /><input TYPE="button" NAME="sqr4" class="tictac inp" value="     " onClick="if(document.tic.sqr4.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr4.value = ' X '; sqr4T = 1; turn = 1; vari(); check();} else if(document.tic.sqr4.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr4.value = ' X '; sqr4T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr4.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr4.value = ' O '; sqr4T = 1; turn = 1; vari(); player1Check()} drawCheck()"><input TYPE="button" NAME="sqr5" class="tictac  inp" value="     " onClick="if(document.tic.sqr5.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr5.value = ' X '; sqr5T = 1; turn = 1; vari(); check();} else if(document.tic.sqr5.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr5.value = ' X '; sqr5T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr5.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr5.value = ' O '; sqr5T = 1; turn = 1; vari(); player1Check()} drawCheck()"><input TYPE="button" NAME="sqr6" class="tictac inp" value="     " onClick="if(document.tic.sqr6.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr6.value = ' X '; sqr6T = 1; turn = 1; vari(); check();} else if(document.tic.sqr6.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr6.value = ' X '; sqr6T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr6.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr6.value = ' O '; sqr6T = 1; turn = 1; vari(); player1Check()} drawCheck()"><br /><input TYPE="button" NAME="sqr7" class="tictac inp" value="     " onClick="if(document.tic.sqr7.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr7.value = ' X '; sqr7T = 1; turn = 1; vari(); check();} else if(document.tic.sqr7.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr7.value = ' X '; sqr7T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr7.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr7.value = ' O '; sqr7T = 1; turn = 1; vari(); player1Check()} drawCheck()"><input TYPE="button" NAME="sqr8" class="tictac inp" value="     " onClick="if(document.tic.sqr8.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr8.value = ' X '; sqr8T = 1; turn = 1; vari(); check();} else if(document.tic.sqr8.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr8.value = ' X '; sqr8T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr8.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr8.value = ' O '; sqr8T = 1; turn = 1; vari(); player1Check()} drawCheck()"><input TYPE="button" NAME="sqr9" class="tictac inp" value="     " onClick="if(document.tic.sqr9.value == '     ' && turn == 0 && mode == 1) {document.tic.sqr9.value = ' X '; sqr9T = 1; turn = 1; vari(); check();} else if(document.tic.sqr9.value == '     ' && turn == 1 && mode == 2) {document.tic.sqr9.value = ' X '; sqr9T = 1; turn = 0; vari(); player1Check()} else if(document.tic.sqr9.value == '     ' && turn == 0 && mode == 2) {document.tic.sqr9.value = ' O '; sqr9T = 1; turn = 1; vari(); player1Check()} drawCheck()">
</form>

 <style>
.inp{border:double; border-radius:50%; box-shadow: 2px 4px 6px #000000 ; background-color:#009; color:#FFFFFF; text-shadow: 2px 4px 6px #FFFFFF; font-size:36px; border-color:#ffffff;}
.inp:hover{background-color:#00F; transition: ease-out 0.2s; box-shadow: 2px 4px 6px #666; }
</style>

function check2()
{
  vari()
  drawCheck()
  if(sqr1 == " O " && sqr2 == " O " && sqr3 == " O ")
  {
    alert("You Lose!")
    reset()
  } 
  else if(sqr4 == " O " && sqr5 == " O " && sqr6 == " O ")
  {
    alert("You Lose!")
    reset()
  } 
  else if(sqr7 == " O " && sqr8 == " O " && sqr9 == " O ")
  {
    alert("You Lose!")
    reset()
  }
  else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ")
  {
    alert("You Lose!")
    reset()
  }
  else if(sqr1 == " O " && sqr4 == " O " && sqr7 == " O ")
  {
    alert("You Lose!")
    reset()
  }
  else if(sqr2 == " O " && sqr5 == " O " && sqr8 == " O ")
  {
    alert("You Lose!")
    reset()
  }
  else if(sqr3 == " O " && sqr6 == " O " && sqr9 == " O ")
  {
    alert("You Lose!")
    reset()
  }
  else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ")
  {
    alert("You Lose!")
    reset()
  }
  else if(sqr3 == " O " && sqr5 == " O " && sqr7 == " O ")
  {
    alert("You Lose!")
    reset()
  }
}

function player1Check()
{
  if(sqr1 == " X " && sqr2 == " X " && sqr3 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  } 
  else if(sqr4 == " X " && sqr5 == " X " && sqr6 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  } 
  else if(sqr7 == " X " && sqr8 == " X " && sqr9 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  }
  else if(sqr1 == " X " && sqr5 == " X " && sqr9 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  }
  else if(sqr1 == " X " && sqr4 == " X " && sqr7 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  }
  else if(sqr2 == " X " && sqr5 == " X " && sqr8 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  }
  else if(sqr3 == " X " && sqr6 == " X " && sqr9 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  }
  else if(sqr1 == " X " && sqr5 == " X " && sqr9 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  }
  else if(sqr3 == " X " && sqr5 == " X " && sqr7 == " X ")
  {
    alert("Player 1 wins!")
    reset()
  }
  else
  {
    player2Check()
    drawCheck()  
  } 
}

function player2Check()
{
  vari()
  drawCheck()
  if(sqr1 == " O " && sqr2 == " O " && sqr3 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  } 
  else if(sqr4 == " O " && sqr5 == " O " && sqr6 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  } 
  else if(sqr7 == " O " && sqr8 == " O " && sqr9 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  }
  else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  }
  else if(sqr1 == " O " && sqr4 == " O " && sqr7 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  }
  else if(sqr2 == " O " && sqr5 == " O " && sqr8 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  }
  else if(sqr3 == " O " && sqr6 == " O " && sqr9 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  }
  else if(sqr1 == " O " && sqr5 == " O " && sqr9 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  }
  else if(sqr3 == " O " && sqr5 == " O " && sqr7 == " O ")
  {
    alert("Player 2 wins!")
    reset()
  }
}

function drawCheck()
{
  vari()
  moveCount = sqr1T + sqr2T + sqr3T + sqr4T + sqr5T + sqr6T + sqr7T + sqr8T + sqr9T 
  if(moveCount == 9)
  {
    reset()
    alert("Draw") 
  }
}

function AI()
{
  vari()
  if(document.tic.sqr5.value == "     " && turn == 1)
  {
    document.tic.sqr5.value = " O "
    turn = 0
    sqr5T = 1
  }
  else if(document.tic.sqr1.value == "     " && turn == 1)
  {
    document.tic.sqr1.value = " O "
    turn = 0
    sqr1T = 1
  }
  else if(document.tic.sqr9.value == "     " && turn == 1)
  {
    document.tic.sqr9.value = " O "
    turn = 0
    sqr9T = 1
  }
  else if(document.tic.sqr6.value == "     " && turn == 1)
  {
    document.tic.sqr6.value = " O "
    turn = 0
    sqr6T = 1
  }
  else if(document.tic.sqr2.value == "     " && turn == 1)
  {
    document.tic.sqr2.value = " O "
    turn = 0
    sqr2T = 1
  }
  else if(document.tic.sqr8.value == "     " && turn == 1)
  {
    document.tic.sqr8.value = " O "
    turn = 0
    sqr8T = 1
  }
  else if(document.tic.sqr3.value == "     " && turn == 1)
  {
    document.tic.sqr3.value = " O "
    turn = 0
    sqr3T = 1
  }
  else if(document.tic.sqr7.value == "     " && turn == 1)
  {
    document.tic.sqr7.value = " O "
    turn = 0
    sqr7T = 1
  }
  else if(document.tic.sqr4.value == "     " && turn == 1)
  {
    document.tic.sqr4.value = " O "
    turn = 0
    sqr4T = 1
  }
  check2()
}

function reset()
{
  document.tic.sqr1.value = "     "
  document.tic.sqr2.value = "     "
  document.tic.sqr3.value = "     "
  document.tic.sqr4.value = "     "
  document.tic.sqr5.value = "     "
  document.tic.sqr6.value = "     "
  document.tic.sqr7.value = "     "
  document.tic.sqr8.value = "     "
  document.tic.sqr9.value = "     "
  sqr1T = 0
  sqr2T = 0
  sqr3T = 0
  sqr4T = 0
  sqr5T = 0
  sqr6T = 0
  sqr7T = 0
  sqr8T = 0
  sqr9T = 0
  vari()
  turn = 0
  moveCount = 0
}

function resetter()
{
  reset()
}
</SCRIPT>

24X Game

<head>
  <meta charset="utf-8">
  <title>2 X</title>

<body>

<div class="container">
    <div class="heading">
      <h1 class="title">
2 X</h1>
<div class="scores-container">
        <div class="score-container">
0</div>
<div class="best-container">
0</div>
</div>
</div>
<div class="above-game">
      
      <a class="restart-button">New-Game</a>
    </div>
<hr>
    <div class="game-container">
      <div class="game-message">
        
        <div class="lower">
         <a class="keep-playing-button">Keep going</a>
          <a class="retry-button">Try again</a>
        </div>
</div>
<div class="grid-container">
        <div class="grid-row">
          <div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
<div class="grid-row">
          <div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
<div class="grid-row">
          <div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
<div class="grid-row">
          <div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
</div>
<div class="tile-container">

</div>
</div>
<hr>
    
    
  </div>
<script src="js/bind_polyfill.js"></script>
  <script src="js/classlist_polyfill.js"></script>
  <script src="js/animframe_polyfill.js"></script>
  <script src="js/keyboard_input_manager.js"></script>
  <script src="js/html_actuator.js"></script>
  <script src="js/grid.js"></script>
  <script src="js/tile.js"></script>
  <script src="js/local_storage_manager.js"></script>
  <script src="js/game_manager.js"></script>
  <script src="js/application.js"></script>
</body>

AS Program's

Friday, 23 March 2018

GAMES :

Boll Game

Paddle Game

Snake Game

Chess Game

Piono Tiles

Tic Tac Toe

24X Game

No comments:

Post a Comment

Animations :