Game Gapleh dengan HTML 5

Berikut Source Code Game Gapleh diatas :

<HTML>

<HEAD>

<TITLE>Game Gapleh</TITLE>

</HEAD>

Game Gapleh Web Browser dengan HTML 5

</p>

<hr>

<tr >

</tr>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s56"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s55"></td>

</tr>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s54"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s53"></td>

</tr>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s52"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s51"></td>

</tr>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s50"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s49"></td></tr>

</table>

</td>

</center>

<tr>

</tr>

</table>

<br>

<td>

<font size="1" face="arial">Player 1 : Computer</font></td>

<td><font size="1" face="arial">Player 2 : PC </font></td>

<tr><td><font size="1" face="arial">Player 3 : Notebook</font></td>

<td><font size="1" face="arial">Player 4 : You </font></td>

</td></tr>

</table><br>

<a href="http://www.facebook.com/achoeletta" target="_blank">Samsul Ramdan</a>

41155050110018

</center>

</td>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s21"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s22"></td>

</tr>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s23"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s24"></td>

</tr>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s25"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s26"></td>

</tr>

<tr><td><img src = "images/n.gif"

height="60" width="60" border="0" name="s27"><br><img src = "images/n.gif"

height="60" width="60" border="0" name="s28"></td></tr>

</table>

</td></tr>

<tr>

</tr>

</table>

<hr>

</form>

</center>

<!--

//define field

var field = new Array(28);

var leftpointer=9 ;

var rightpointer=10;

//set next player to 0 for no gameplay

var currentplayer=0;

var playerscores = new Array(5);

var score=0

for (n=1;n<5;n++) playerscores[n] = 0;

var inputbufferstone=0

var inputbufferstoneside=0

function setinput(x,y) { inputbufferstone=x; inputbufferstoneside=y; }

var has_to_restart=false;

//define field of stones from 1-28 and fill it with double for to next

var field = new Array(28);

var stones = new Array();

for (n=1;n<29;n++) stones[n] = new Array();

var piece=0;

for (n=0;n<7;n++)

{

for (m=n;m<7;m++)

{

piece++

stones[piece][1] =n;//left

stones[piece][2] =m;//right

stones[piece][3]=m+n;//holds points number

if(m==n) stones[piece][3]=stones[piece][3]+20;

}

//distribute stones to 4 players

var playerhold = new Array()

//playerhold[player=1-4][stone=0-6

for (n=1;n<5;n++)

{

playerhold[n] = new Array()

for (m=0;m<7;m++)

{

playerhold[n][m] =28;//correct value is inserted in initgam

}

function initgame()

{

clearfield()

inputbufferstone=0;

for (n=1;n<5;n++)

{

for (m=0;m<7;m++)

{

playerhold[n][m] =(m+1)+(n-1)*7

}

for (n=1;n<29;n++)

{

tmp=Math.floor(Math.random()*27+1)

if(tmp==29) tmp=28 ;//range defined from 1-28

tp=Math.floor((tmp-0.5)/7);//tmp player von 0-3

ts=tmp-tp*7-1;//range from 0-6

np=Math.floor((n-0.5)/7);//n player von 0-3

ns=n-np*7-1;//range from 0-6

swaptemp=playerhold[tp+1][ts]

playerhold[tp+1][ts]=playerhold[np+1][ns]

playerhold[np+1][ns]=swaptemp

}

//sort all non human players

for(n=1;n<5;n++)

{

//not fourth - player is human

for(m=0;m<7;m++)

{

smallpos=m

smallvalue=stones[playerhold[n][m]][3]

//find smallest

for (i=m;i<7;i++)

{

if (smallvalue>stones[playerhold[n][i]][3])

{

smallpos=i;

smallvalue=stones[playerhold[n][i]][3];

}

//swap smallest with m

tmp=playerhold[n][m]

playerhold[n][m]=playerhold[n][smallpos];

playerhold[n][smallpos]=tmp;

//select sort for one player finished

}

//finished sort for each nonhuman player

}

for(n=1;n<5;n++)

{

for(m=0;m<7;m++)

if (playerhold[n][m]==1)

{

//identify first player by 0:0

playerhold[n][m]=0;//first stone removed out of playerhold

pickstone=m

currentplayer=n

}

//place it on the desk

window.document.gameboard.s9.src = "images/0.gif"

window.document.gameboard.s10.src = "images/0.gif"

//set pointer on the board

field[9]=0

field[10]=0

leftpointer=9 ;

rightpointer=10;

showhuman();

has_to_restart=false;

} ;//end of init game

function nextplayer()

{

if (has_to_restart) return;

currentplayer++

if (currentplayer==5) currentplayer=1

n=currentplayer

//look on field

putvalue1=field[leftpointer];//stonenumber

putvalue2=field[rightpointer]

if (currentplayer==4)

{

// player is human check for input.

if (inputbufferstone==10)

{

//pass

inputbufferstone=0;

checkmoveleft();

nextplayer();

return;

}

if (inputbufferstone==0)

{

// if no input wait another second before calling next player again

currentplayer--;

return;

}

else

{

// if input - read input

st=playerhold[4][inputbufferstone-1]

if (st==0) { currentplayer--; return; }

stv1=stones[st][inputbufferstoneside]

stv2=stones[st][abso(inputbufferstoneside-3)]

if ( putvalue1==stv1)

{

//if yes show it in the field change and change pointer

leftpointer--

if ( leftpointer<1) leftpointer=56

eval("window.document.gameboard.s"+leftpointer+".src = 'images/"+stv1+".gif'")

field[leftpointer]=stv1

leftpointer--

eval("window.document.gameboard.s"+leftpointer+".src = 'images/"+stv2+".gif'")

field[leftpointer]=stv2

}

else

{

if ( putvalue2==stv1)

{

rightpointer++

if (rightpointer>56) rightpointer=1

eval("window.document.gameboard.s"+rightpointer+".src = 'images/"+stv1+".gif'")

field[rightpointer]=stv1

rightpointer++

eval("window.document.gameboard.s"+rightpointer+".src = 'images/"+stv2+".gif'")

field[rightpointer]=stv2

}

else

{

//check on fit for the other stoneside

if ( putvalue1==stv2)

{

leftpointer--

if ( leftpointer<1) leftpointer=56

eval("window.document.gameboard.s"+leftpointer+".src = 'images/"+stv2+".gif'")

field[leftpointer]=stv2

leftpointer--

eval("window.document.gameboard.s"+leftpointer+".src = 'images/"+stv1+".gif'")

field[leftpointer]=stv1

}

else

{

if ( putvalue2==stv2)

{

rightpointer++

if (rightpointer>56) rightpointer=1

eval("window.document.gameboard.s"+rightpointer+".src = 'images/"+stv2+".gif'")

field[rightpointer]=stv2

rightpointer++

eval("window.document.gameboard.s"+rightpointer+".src = 'images/"+stv1+".gif'")

field[rightpointer]=stv1

}

else

{

currentplayer--

// if input read- empty buffer

inputbufferstone=0

return;

}

//remove stone from player

playerhold[4][inputbufferstone-1]=0

// if input read- empty buffer

inputbufferstone=0

showhuman()

if(!gameover(n)) {

nextplayer();

}

return;

}

// check on fit for the right and do the same as for left and return

// or return!

}

else

{

//player is machine

//take first right in own stone array and call next

firststone=-1

for (m=6;m>(-1);m--)

{

st=playerhold[n][m]

if(!(st==0) && firststone==-1)

{

if (stones[st][1]==putvalue1) firststone=m

if (stones[st][1]==putvalue2) firststone=m

if (stones[st][2]==putvalue1) firststone=m

if (stones[st][2]==putvalue2) firststone=m

}

if (firststone==-1) {

//pass

nextplayer();

return;

}

//line above passed.

m=firststone;

stv1=stones[playerhold[n][m]][1];//catch stone values

stv2=stones[playerhold[n][m]][2];//catch stone values

if (putvalue1==stv1 || putvalue1==stv2)

{

//left

if ( putvalue1==stv2) {tmp=stv2;stv2=stv1;stv1=tmp;}

leftpointer--

if ( leftpointer<1) leftpointer=56

eval("window.document.gameboard.s"+leftpointer+".src = 'images/"+stv1+".gif'")

field[leftpointer]=stv1

leftpointer--

eval("window.document.gameboard.s"+leftpointer+".src = 'images/"+stv2+".gif'")

field[leftpointer]=stv2

// display number of current player

//alert(currentplayer)

}

else

{

//left

if ( putvalue2==stv2) {tmp=stv2;stv2=stv1;stv1=tmp;}

rightpointer++

if (rightpointer>56) rightpointer=1

eval("window.document.gameboard.s"+rightpointer+".src = 'images/"+stv1+".gif'")

field[rightpointer]=stv1

rightpointer++

eval("window.document.gameboard.s"+rightpointer+".src = 'images/"+stv2+".gif'")

field[rightpointer]=stv2

pausecomp(500)

}

playerhold[n][m]=0

//end of machine

}

if(!gameover(n)) {

nextplayer();

}

return;

}

function gameover(pl1)

{

sum=0

for (m2t=0;m2t<7;m2t++) sum=sum+playerhold[pl1][m2t];

if (sum>0) return false;

alerting("Player "+pl1+" won!")

addpoints();

has_to_restart=true;

return true;

}

function checkmoveleft()

{

pr1=field[leftpointer]

pr2=field[rightpointer]

if (!(pr2==pr1)) return;

m2z=0

n2z=0

stonefound=false

for (n2z=1;n2z<5;n2z++)

for (m2z=0;m2z<7;m2z++)

for (k2=1;k2<3;k2++)

{

st2=playerhold[n2z][m2z]

if (!(st2==0)) { if (stones[st2][k2]==pr2) stonefound=true; }

}

if (stonefound) return;

alerting("All players lose");

addpoints();

has_to_restart=true;

return;

}

function showhuman()

{

for(m=0;m<7;m++)

{

ts=playerhold[4][m];//temp placeholder for the stone

if (ts==0)

{

eval("window.document.gameboard.sm"+(m+1)+"1.src = 'images/n.gif'")

eval("window.document.gameboard.sm"+(m+1)+"2.src = 'images/n.gif'")

}

else

{

eval("window.document.gameboard.sm"+(m+1)+"1.src = 'images/"+stones[ts][1]+".gif'")

eval("window.document.gameboard.sm"+(m+1)+"2.src = 'images/"+stones[ts][2]+".gif'")

}

function clearfield()

{

for (z1=1;z1<57;z1++)

eval("window.document.gameboard.s"+z1+".src = 'images/n.gif'");

alerting(" ");

}

function addpoints()

{

for (n=1;n<5;n++)

{

for (m=0;m<7;m++)

{

sttmp=playerhold[n][m];

v=0;

if (!(sttmp==0)) v=stones[sttmp][3];

if(v>15) v-=20;

playerscores[n] += v;

}

eval("window.document.gameboard.showplayer"+n+".value=playerscores[n]")

}

score=playerscores[1]+playerscores[2]+playerscores[3]-playerscores[4]*2

//if (score<0) score=0

//window.document.scoreform.newscore.value=score;

}

function alerting(alertmsg)

{

window.document.gameboard.alertbox.value=alertmsg

}

function abso(valt)

{

if (valt<0) valt=valt*(-1)

return valt

}

z1 = new Image(30, 30);

z1.src = "images/n.gif" ;

a1 = new Image(30, 30);

a1.src = "images/0.gif" ;

b1 = new Image(30, 30);

b1.src = "images/1.gif" ;

c1 = new Image(30, 30);

c1.src = "images/2.gif" ;

d1 = new Image(30, 30);

d1.src = "images/3.gif" ;

e1 = new Image(30, 30);

e1.src = "images/4.gif" ;

f1 = new Image(30, 30);

f1.src = "images/5.gif" ;

g1 = new Image(30, 30);

g1.src = "images/6.gif" ;

function pausecomp(millis)

{

var date = new Date();

var curDate = null;

do { curDate = new Date(); }

while(curDate-date < millis);

}

has_to_restart=true;

initgame();

//-->

</SCRIPT>

<br>

</body>

</html>

Sumber : http://ingotgames.org/domino/en/domino.htm

Catatan Go Blog !

Game Gapleh dengan HTML 5

0 komentar:

Posting Komentar

Share It's

Blog archive

Labels

My Profil

Pengikut

Latest Tweets