funzione javascript applicata al gioco della dama

Andrea Perrone

Nuovo Utente
30 Set 2016
22
0
1
32
Salve.
Sto lavorando su di un semplice file html che permette di visualizzare una partita di dama internazionale. Per chi non lo sapesse, la differenza con la variante più conosciuta, denominata "italiana", sta nel fatto che:

1)le pedine mangiano anche all'indietro
2)le pedine possono mangiare la dama
3)la Dama ha una forza superiore in quanto può spostarsi di quante caselle si vuole (ma sempre e solo in diagonale!) e per questo fatto può mangiare una pedina che, sulla stessa diagonale, dista ad esempio due o tre caselle.

Adesso, il file, permette di spostare i pezzi all'interno o all'esterno della scacchiera, ma non riesco - poichè non sono un esperto in queste cose - ad automatizzare la presa in maniera tale che una pedina catturata venga tolta dalla scacchiera contemporaneamente al movimento del pezzo da cui quella viene catturata secondo le regole conosciute del gioco della dama (una pedina cattura l'altra "saltando" da una casella all'altra, passando per la casella dove è situato il pezzo catturato).

Riflettendo, penso che sia questo che voglio: tradurre in funzione la seguente frase:

Se tra la posizione zero di "a" e la nuova posizione di "a" si trova "b", vuol dire che il pezzo "b" è stato "saltato" e dunque catturato e va tolto dalla damiera.

Ringrazio Criric che mi ha aiutato a capire di più sul linguaggio javascript e mi ha esposto degli eloquenti esempi riguardanti il gioco degli scacchi.

Ringrazio chi volesse rispondermi e di nuovo il forum in toto!
 

Andrea Perrone

Nuovo Utente
30 Set 2016
22
0
1
32
Codice:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" >
<style><script>
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
}

</script>
</head>
<body bgcolor="grey">

<h5 align="center"> DAMA INTERNAZIONALE</h5>

<hr>

<br><br>

<table cellspacing="0" align="center" width="1000px" bgcolor="lightyellow">
<tr>

<td rowspan="5" width="250px" bgcolor="grey"><div class="pedine" ondrop="drop(event)" ondragover="allowDrop(event)"></div></td>
<td><div id="div"></div></td>
<td bgcolor="darkorange"><div id="div" ondrop="drop(event)" ondragover="allowDrop(event)"> <font draggable="true" ondragstart="drag(event)" id="drag1">●</font></div></td>
<td><div id="div" ></div></td>
<td bgcolor="darkorange"><div id="div" ondrop="drop(event)" ondragover="allowDrop(event)"><font draggable="true" ondragstart="drag(event)" id="drag2">●</font></div></td>
<td><div id="div" ></div></td>
<td bgcolor="darkorange"><div id="div" ondrop="drop(event)" ondragover="allowDrop(event)"><font draggable="true" ondragstart="drag(event)" id="drag3">●</font></div></td>
<td><div id="div" ></div></td>
<td bgcolor="darkorange"><div id="div" ondrop="drop(event)" ondragover="allowDrop(event)"><font draggable="true" ondragstart="drag(event)" id="drag4">●</font></div></td>
<td><div id="div" ></div></td>
<td bgcolor="darkorange"><div id="div" ondrop="drop(event)" ondragover="allowDrop(event)"><font draggable="true" ondragstart="drag(event)" id="drag5">●</font></div></td>
<td rowspan="5" width="250px" bgcolor="grey"><div class="pedine" align="center">&nbsp;&nbsp;&nbsp;<font draggable="true" ondragstart="drag(event)" id="drag41" >■</font> <font draggable="true" ondragstart="drag(event)" id="drag42">□</font></div></td>

</tr>
<tr><tr><tr><tr><tr><tr><tr><tr><tr></table>




</body>
</html>
Qusta è la paginetta che vorrei regalare ai giocatori del circolo damistico della mia città! :)
 

Andrea Perrone

Nuovo Utente
30 Set 2016
22
0
1
32
non credo che si possa visualizzare (non posso postare il codice interamente poichè è più lungo di 10000 caratteri) però penso che si possa capire qualcosa ciao!