Sakk-játék. Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Indító képernyő

Sakk-játék Felhasználói dokumentáció Feladat: JavaScript és CSS segítségével sakk-játék készítése. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Gépigény: Bármilyen számítógépen működik, amin található böngésző és Java alkalmazás. Kezelési útmutató: Indító képernyő

A fehér kezd. A honnan-hova fülekkel lehet lépkedni. A lépés gombbal aktiválhatjuk a lépést. Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a [email protected] e-mail címen.

Fejlesztői dokumentáció Feladat: Java Script és CSS segítségével sakk-játék készítése Környezet: Intel(R) Core(TM) 2 Duo CPU E8400 @ 3.00 GHz 3.01 GHz/ 3,50 GB RAM/512 MB ATI Radeon HD 4670/160GB HDD/ Windows XP/ Mozilla Firefox. Futtatási környezet: A http://10.0.0.101/~szabby/ linkre kattintva megjelenik az oldal. Az oldal megtekintéséhez bármilyen grafikus böngésző alkalmazható. Programfejlesztői környezet: A Számológép nevű program JavaScript programnyelven lett írva és HTML kód segítségével lett beágyazva majd CSS segítségével lett megformázva. Fájl lista: -index.html -javascript.js -style.css -kozep.png -indito.png Images mappa: - fb.png - ff.png - fgy.png - fh.png - fk.png - fv.png - ures.png - vb.png - vf.png - vgy.png - vh.png - vv.png - vk.png Forráskódok: index.html <script type="text/javascript" src="javascript.js">

Sakk játék <script> szin="#3399cc"; for(i=0;i<8;i++) { document.write(''); for (j=0;j<8;j++) { if (((i+j)%2)==0) szin='#99ffcc' else szin='#3399cc' document.write('') } document.write(''); }
Honnan: <select id="e1"> A B C D E F G H <select id="e2"> 1 2 3 4 5 6 7 8 Hova: <select id="m1">

A B C D E F G H <select id="m2"> 1 2 3 4 5 6 7 8 -style.css body { background-image: url('kozep.png'); } #s { color:yellow; font-size:30px; } #s1 { color:white; }

javascript.js: kepek=new Array(8); for (i=0;i<8;i++) kepek[i]=new Array (8); kepek[0][0]="kep/fb.png"; kepek[0][1]="kep/fh.png"; kepek[0][2]="kep/ff.png"; kepek[0][3]="kep/fv.png"; kepek[0][4]="kep/fk.png";

kepek[0][5]="kep/ff.png"; kepek[0][6]="kep/fh.png"; kepek[0][7]="kep/fb.png"; for (i=0;i<8;i++) kepek[1][i]="kep/fgy.png"; for(i=2;i<6;i++) for(j=0;j<8;j++) kepek[i][j]="kep/ures.png"; for (i=0;i<8;i++) kepek[6][i]="kep/vgy.png"; kepek[7][0]="kep/vb.png"; kepek[7][1]="kep/vh.png"; kepek[7][2]="kep/vf.png"; kepek[7][3]="kep/vv.png"; kepek[7][4]="kep/vk.png"; kepek[7][5]="kep/vf.png"; kepek[7][6]="kep/vh.png"; kepek[7][7]="kep/vb.png"; tomb_id=new Array(8); for (i=0;i<8;i++) tomb_id[i]=new Array(8); for(i=0;i<8;i++) { for(j=0;j<8;j++) { x='k'+i+j; tomb_id[i][j]=x; } } function betolt() { sk=1; for (i=0;i<8;i++) for (j=0;j<8;j++) document.getElementById(tomb_id[i][j]).src=kepek[i][j]; } function eger(fig) { if (sk==1) { s=document.getElementById(fig).src.split("/");

elem=s[s.length-2]+'/'+s[s.length-1]; //alert(fig); for (i=0;i<8;i++) for (j=0;j<8;j++) if (tomb_id[i][j]==fig) { hx=i; hy=j; } // alert(hx+' '+hy); } if (sk==2) { s=document.getElementById(fig).src.split("/"); elem=s[s.length-2]+'/'+s[s.length-1]; //alert(fig); for (i=0;i<8;i++) for (j=0;j<8;j++) if (tomb_id[i][j]==fig) { kx=i; ky=j; } // alert(kx+' '+ky); csere1(hx,hy,kx,ky); sk=0; } sk++; // alert(sk); } function csere1(a,b,c,d) { if (kepek[c][d]=='kep/ures.png') { sv=kepek[a][b]; kepek[a][b]=kepek[c][d]; kepek[c][d]=sv; } else { if (kepek[a][b]!='kep/ures.png') { kepek[c][d]=kepek[a][b]; kepek[a][b]='kep/ures.png'; } }

betolt();

}

function csere() { p=document.getElementById('e1').value; o=document.getElementById('e2').value; r=document.getElementById('m1').value; q=document.getElementById('m2').value; if (kepek[q][r]=='kep/ures.png') { sv=kepek[o][p]; kepek[o][p]=kepek[q][r]; kepek[q][r]=sv; } else { if (kepek[o][p]!='kep/ures.png') { kepek[q][r]=kepek[o][p]; kepek[o][p]='kep/ures.png' } } betolt(); } Készítette: Popovics Szabolcs 2/14/Aw. Bármilyen probléma esetén jelezzen a [email protected] e-mail címen.