Creiamo storie brevi con l’intelligenza artificiale

L’idea è semplice e divertente: un’app combina casualmente personaggi, oggetti, luoghi e finali per creare “storie lampo” che appaiono sullo schermo per pochi secondi e poi scompaiono. Un modo rapido e coinvolgente per stimolare fantasia, memoria e storytelling orale nei più piccoli.

Abbiamo già scritto di come creare carte “inventa storie” nell’articolo “Come l’IA trasforma le carte inventa storie”.

Questa volta vogliamo proporre un esperimento differente: creare una webapp, adatta alle digital board che abbiamo in classe, in grado di generare storie brevi con l’intelligenza artificiale.

Proviamo subito come funziona.

Caratteristiche dell’app

Per questo esperimento, le “storie lampo” che spariscono dopo un tempo prestabilito, devono essere dotate di:

• un inizio;
• un oggetto;
• un luogo;
• un finale.

Questi “pezzi” di storia vengono creati inizialmente e inseriti in quattro liste separate.

La webapp, a ogni nuovo avvio, pesca casualmente un elemento da ciascuna lista e li combina in una frase breve, buffa e immaginifica.

Il risultato è una piccola storia da leggere al volo, osservare, ricordare e trasformare oralmente prima che scompaia dallo schermo.

L’idea, come dicevamo, è semplice: la digital board mostra una storia per pochi secondi, poi la cancella. A quel punto i bambini possono provare a ricostruirla, continuarla, modificarla o usarla come scintilla per inventarne una nuova.

Il prompt va messo a punto con cura e, in alcuni casi, potrebbe anche essere abbastanza lungo e articolato.

Un esempio di prompt per storie brevi con l’intelligenza artificiale

Premessa

Crea una webapp single-page chiamata Storie lampo, pensata per bambine e bambini della scuola primaria e per l’uso su LIM/lavagna digitale in classe.

La webapp dev’essere interamente contenuta in un solo file HTML con CSS e JavaScript inline, senza dipendenze esterne.

La webapp genera automaticamente brevi storie assurde e creative combinando casualmente:

• un inizio;
• un oggetto;
• un luogo;
• un finale.

Ogni storia deve:

• essere molto breve;
• avere tono poetico, buffo e immaginifico;
• stimolare fantasia e storytelling orale;
• essere leggibile da lontano su una LIM;
• sparire automaticamente dopo 30 secondi.

Grafica

Stile grafico generale:

• design moderno e giocoso;
• fullscreen friendly;
• ottimizzato per touch screen;
• atmosfera magica e rilassante;
• sfondo con sfumatura (gradient) blu/notte;
• card centrale bianca semi-trasparente;
• testo molto grande e leggibile;
• pulsanti grandi e arrotondati;
• animazioni morbide;
• micro-decorazioni animate (sparkles/particelle).

Per quanto riguarda il layout grafico generale, la pagina deve contenere:

• Intestazione con titolo Storie Lampo e sottotitolo poetico.
• Area controlli con pulsante “Nuova storia”.
• Area principale con card centrale con la storia, timer circolare visibile, animazioni fade/blur/scale.

Struttura dei dati

Per la generazione della storia, creare quattro array (liste):

• starts;
• objects;
• places;
• endings.

Ogni click sul pulsante “Nuova storia” genera:

[start] + [object] + [place] + [ending]

Esempio:

“Un gatto seguì una piuma blu nel bosco che cantava e il mondo fece un inchino.”

Le storie devono sempre:

• essere grammaticalmente corrette;
• terminare con un punto;
• non contenere elementi undefined (indefiniti);
• avere tono fantastico e surreale.

Timer e animazioni

Per quanto riguarda il timer automatico, quando compare una storia:

• parte un countdown di 30 secondi;
• il timer deve essere visibile;
• allo scadere:
• la card svanisce;
• il testo sparisce;
• il timer torna a 0.

Per quanto riguarda le animazioni di contorno, implementare:

• fade in;
• fade out;
• blur;
• leggera scala;
• floating particles animate

Le animazioni devono essere fluide e adatte ai bambini.

Controlli

Per quanto riguarda i controlli tastiera, implementare:

• SPAZIO → nuova storia;
• INVIO → nuova storia;
• F → fullscreen;
• Touch controls.

Implementare anche :

• doppio tap → fullscreen.

Per quanto riguarda il responsive design, la webapp deve funzionare bene su:

• desktop;
• tablet;
• LIM;
• smartphone.

Codice

Il codice deve essere:

• pulito;
• leggibile;
• commentato;
• modulare;
• senza librerie esterne;
• con variabili CSS;
• con funzioni separate.

Usa solo HTML/CSS/Vanilla JS, evita dipendenze da librerie esterne.

Se possibile aggiungi:

• generazione casuale senza ripetizioni immediate;
• effetti grafici particellari più ricchi;
• possibilità di cambiare durata timer.

Output richiesto: genera il file HTML5 completo e pronto da usare.

Controlli da effettuare

Considerato che questa app è indirizzata ai più piccoli, dopo che l’intelligenza artificiale ha generato il codice è importante dare un occhiata per controllare i pezzi di storia che sono stati inseriti.

Individuarli è molto facile, come si può vedere dall’immagine sotto.

Il test consiste nel verificare che:

• le storie vengano generate correttamente;
• le combinazioni siano sensate e adatte ai bambini;
• il timer funzioni senza problemi;
• le storie scompaiano allo scadere del tempo previsto;
• i pulsanti e i controlli touch rispondano correttamente;
• la visualizzazione sia leggibile anche sulla digital board o sulla LIM della classe.

È inoltre utile provare l’applicazione più volte, così da controllare che non compaiano ripetizioni troppo frequenti o combinazioni poco efficaci.