ITS Olivetti Quest

Avvio rapido (Windows)

1. Installate Node.js (versione LTS), una volta sola.
2. Fate doppio clic su AVVIA-GIOCO.bat: la prima volta installa le librerie, poi accende il gioco e lo apre nel browser su http://localhost:3000.
3. Non chiudete la finestra nera finché state giocando: è il server del gioco.

Se aprite public/index.html con un doppio clic (senza server), il gioco funziona lo stesso, ma la classifica viene salvata solo su quel dispositivo e un avviso lo segnala. Per la classifica condivisa usate sempre AVVIA-GIOCO.bat.

Gioco nel browser per scoprire i corsi di ITS Academy Adriano Olivetti. Ogni squadra inserisce un nome e gioca 5 livelli. Ogni livello raggruppa corsi affini e propone un minigioco con domande sulle competenze trasversali (lavoro in team, comunicazione, problem solving...). Dopo ogni livello compaiono la spiegazione e la sede di ciascun corso del gruppo. Alla fine il punteggio entra nella classifica del giorno, visibile a tutti.

Livello	Corsi	Minigioco
1	Sicurezza informatica e reti	Quiz a tempo (5 domande)
2	Sviluppo software e cloud	Quiz a tempo (5 domande)
3	Dati e intelligenza artificiale	Memory: 8 coppie competenza/descrizione
4	Audio, video e mondi immersivi	Acchiappa le qualità giuste, evita le intruse ingannevoli
5	Marketing, contenuti e moda	Indovina la parola: 4 parole lunghe

Le competenze delle domande sono quelle citate più spesso nelle pagine dei corsi su itsolivetti.it. Le domande non richiedono conoscenze tecniche: sono situazioni che capitano in qualsiasi lavoro o progetto di gruppo (scadenze, errori, clienti, litigi nel team, critiche, notizie da verificare). Così chi è interessato al marketing può rispondere anche nei livelli di informatica, e viceversa. Il livello è medio: le risposte sbagliate sono plausibili, quindi bisogna ragionare. Nel quiz l'ordine delle risposte viene mescolato a ogni partita.

Ogni elemento indovinato (domanda, coppia, parola) vale fino a 150 punti: 100 più un bonus che cresce con la velocità.

Vite: si parte con 3 cuori (nella barra blu, tra il nome della squadra e i punti). Ogni errore costa una vita: risposta sbagliata o tempo scaduto nel quiz, tempo scaduto nel memory, parola intrusa colpita, parola non indovinata. Un livello perfetto (3 stelle) regala una vita in più, fino a un massimo di 5. Finite le vite compare "Vite esaurite" con il pulsante per continuare con 3 nuove vite, così nessuno resta bloccato e tutti vedono le schede di tutti i corsi.

Grafica e dispositivi

• Tema scuro "vetro": sfondo blu notte con aloni di luce, card semitrasparenti, sfumatura blu → viola (#0F4FF1 → #A151D9, colori del sito ITS Olivetti) su pulsanti, fasce e carte del memory, rosso #FF1243 per vite e accenti, font Sora. Tutti i colori sono in cima a public/style.css (:root): per cambiarli basta modificare quelle righe.
• Pensato per presentare: barra in alto blu scuro con il nome dell'ITS e il pulsante ⛶ Schermo intero (per il proiettore); fascia blu in cima a ogni card con punteggio e livello; schede dei corsi con intestazione blu. Sugli schermi molto grandi (da 1400px, es. proiettore) i testi diventano più grandi, per leggerli anche dal fondo della sala.
• Elementi di gioco:
  • Sotto il punteggio, la riga con numero e titolo del livello.
  • Mappa dei livelli prima di ogni livello, con sotto la barra di avanzamento: tappe completate con le stelle, livello attuale evidenziato, livelli bloccati.
  • Stelle a fine livello (0-3 in base ai punti fatti) e totale a fine partita.
  • Effetti sonori generati dal browser (nessun file audio); il pulsante 🔊/🔇 a sinistra del titolo del livello li spegne.
  • Pulsante Salta ⏭ a destra del titolo durante i minigiochi (doppio clic per confermare): porta alle schede dei corsi, la parte saltata vale 0 punti.
• Telefono e tablet: layout a una colonna, pulsanti grandi da toccare.
• Computer (schermi da 900px in su): layout largo, risposte del quiz su 2 colonne, schede dei corsi affiancate, memory e tastiera dell'impiccato più grandi. Si gioca anche solo con la tastiera: Invio per i pulsanti principali, 1-4 per rispondere al quiz, lettere per l'impiccato.

以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗