Novelli, Giovanni

♟️ Chess

Gioco di scacchi completo con intelligenza artificiale

Descrizione

Chess è un’implementazione completa del gioco degli scacchi, sviluppata in JavaScript con un motore AI basato sull’algoritmo Minimax con potatura Alpha-Beta. L’interfaccia offre un’esperienza di gioco fluida con drag-and-drop delle pedine e indicatori visivi per le mosse legali.

Caratteristiche

Gameplay

Drag & Drop: trascina i pezzi per muoverli
Indicatori mosse legali: cerchi verdi mostrano le destinazioni valide
Evidenziazione ultima mossa: visualizza l’ultima mossa effettuata
Promozione pedone: scelta della pedina alla promozione
Cronologia mosse: lista completa delle mosse in notazione algebrica

Intelligenza Artificiale

L’AI utilizza l’algoritmo Minimax con ottimizzazione Alpha-Beta pruning:

Livelli di Difficoltà

| Livello | Profondità | ELO Stimato | Descrizione | |———|————|————-|————-| | Facile | 1 ply | ~800 | Ideale per principianti | | Medio | 3 ply | ~1200 | Gioco solido e competitivo | | Difficile | 5 ply | ~1600 | Sfida impegnativa |

Valutazione Posizione

Valore materiale: pezzi valutati (Pedone=100, Cavallo/Alfiere=300, Torre=500, Donna=900)
Bonus posizionali: controllo del centro, sviluppo pezzi
Struttura pedonale: catene di pedoni, pedoni isolati/doppiati
Sicurezza del re: penalità per arrocco mancato

Funzionalità Aggiuntive

Nuova partita: reset completo della scacchiera
Undo: annulla l’ultima mossa (giocatore + AI)
Flip board: inverte la visuale della scacchiera
Gioca come Nero: opzione per giocare con i pezzi neri
Pezzi catturati: visualizzazione dei pezzi eliminati

Implementazione Tecnica

Librerie Utilizzate

chess.js (v1.0.0-beta.8, BSD-2-Clause): validazione mosse e gestione stato
cm-chessboard (v3.8.2, MIT): rendering scacchiera e interazione
js-chess-engine (v1.0.2, MIT): calcolo mosse AI

Architettura

Chess2025
├── Chessboard (cm-chessboard)    // Rendering e input
├── Chess (chess.js)               // Logica di gioco
├── JsChessEngine                  // AI
└── ChessWorker                    // Thread separato per AI

Web Worker

L’AI viene eseguita in un Web Worker separato per evitare blocchi dell’interfaccia:

// chess-worker.js
self.onmessage = function(e) {
  const { fen, depth } = e.data;
  const aiMove = JsChessEngine.aiMove(fen, depth);
  self.postMessage({ move: aiMove });
};

File Principali

core/js/chess.js: orchestrazione gioco e UI (~900 righe)
core/js/chess-worker.js: calcolo AI off-thread (~50 righe)
core/styles/chess.css: stili interfaccia
assets/vendor/chess/: librerie esterne

Regole degli Scacchi

Mosse Speciali Supportate

Arrocco: corto (O-O) e lungo (O-O-O)
En passant: cattura al varco del pedone
Promozione: conversione pedone in Donna/Torre/Alfiere/Cavallo

Condizioni di Fine Partita

Scacco matto: il re è sotto attacco e non può sfuggire
Stallo: nessuna mossa legale ma il re non è sotto scacco
Insufficienza materiale: Re vs Re, Re+Alfiere vs Re, etc.
Ripetizione: stessa posizione ripetuta 3 volte
Regola delle 50 mosse: 50 mosse senza cattura o movimento di pedone

UX/UI Design

Responsive

Desktop: layout affiancato scacchiera + pannello
Mobile: layout verticale, touch-friendly

Accessibilità

ARIA labels: elementi annotati per screen reader
Keyboard navigation: supporto navigazione da tastiera
Focus indicators: evidenziazione elementi attivi

Link Utili

Gioca a Chess sul desktop virtuale aprendo l’icona ♟️ Chess dal gruppo Mini Apps.