Indietro

Un gioco con classifica nella tua app, senza codice

il 

Abbiamo chiesto all'AI Extension Builder di GoodBarber un gioco arcade completo: un Flappy Bird da giocare con un dito, a schermo intero, con una classifica condivisa tra tutti i giocatori. Ecco il risultato, il prompt esatto che l'ha prodotto e ciò che questa prova di concetto rivela: con l'AI Extension Builder, quasi tutto ciò che sai descrivere può diventare una sezione della tua app.

Una prova di concetto: fin dove può spingersi il builder?

Un videogioco non è quello che ti aspetti da un app builder.

Ed è proprio questo a renderlo un buon test. Per capire di che pasta è fatto l'AI Extension Builder, meglio chiedergli l'improbabile che l'ennesima sezione. Gli abbiamo quindi descritto un gioco arcade completo — da giocare con un dito, a schermo intero, con una classifica condivisa tra tutti i giocatori — e siamo stati a vedere fin dove reggeva.

Ha retto. La lezione non è "pubblica giochi", ma "il tetto è molto più alto di quanto pensi": quello che vale per un Flappy Bird vale per la funzionalità specifica di cui la tua app ha davvero bisogno. Gli abbiamo descritto tutto in italiano, in pochi paragrafi. Ecco il risultato.

Cosa abbiamo costruito: "Flappy Rush"

Gameplay di Flappy Rush: l'uccellino giallo vola tra i tubi verdi

Una sezione di gioco, integrata in un'app, in tre schermate che si susseguono:

  • La home. Un titolo, una frase a effetto, un campo per il nickname, un pulsante "Gioca". Nient'altro.
  • Il gioco. A schermo intero, da bordo a bordo. Un uccellino giallo cade per effetto della gravità; a ogni tap riceve una spinta. Dei tubi verdi scorrono, il punteggio sale a ogni passaggio. Tocchi un tubo, il pavimento o il soffitto: la partita finisce.
  • I risultati. Il punteggio finale in grande, la top 10 dal migliore al peggiore, la tua riga evidenziata in classifica e un pulsante "Rigioca" che riparte all'istante.

Il tutto con un look arcade rétro dichiarato: cielo azzurro, uccellino giallo, tubi verdi, difficoltà volutamente morbida perché sia piacevole e non frustrante. Giocabile con un dito, fluido.

Ma il dettaglio che cambia tutto non è sullo schermo. È che la classifica è condivisa e persistente. Il tuo punteggio non resta nel tuo telefono: entra in un tabellone che vedono tutti gli altri giocatori, e ci rimane anche dopo che hai chiuso l'app. Senza questo, Flappy Rush sarebbe un giocattolo solitario. Con questo, è una competizione tra tutta la tua community.

Ci torniamo più sotto — perché è la parte più interessante. Prima, il prompt.

L'anatomia del prompt

Ecco, a grandi linee, cosa abbiamo scritto nel builder. Non una riga di codice: una descrizione, strutturata come descriveresti il gioco a qualcuno.

Crea un gioco "Flappy Bird" chiamato "Flappy Rush" con una classifica condivisa tra tutti i giocatori. Il gioco si gioca su un canvas HTML, a schermo intero. MACCHINA A STATI — 3 schermate successive, UNA SOLA visibile alla volta: SCHERMATA 1 — Home: il titolo, una frase a effetto, un campo per il nickname e un pulsante "Gioca". Né il canvas né la classifica sono visibili. SCHERMATA 2 — Gioco: al clic su "Gioca", mostra SOLTANTO il canvas a schermo intero. Un uccellino cade per effetto della gravità; a ogni tap riceve una spinta verso l'alto. Delle coppie di tubi verdi scorrono con un varco di passaggio ad altezza casuale. Il punteggio aumenta di 1 a ogni tubo superato. La partita finisce non appena l'uccellino tocca un tubo, il pavimento o il soffitto. DIFFICOLTÀ MORBIDA (il gioco deve essere facile e piacevole, non frustrante): varco di passaggio ampio (~un terzo dello schermo), scorrimento lento, tubi molto distanziati, gravità debole e spinta delicata. SCHERMATA 3 — Risultati: il punteggio finale in grande, la classifica top 10 ordinata dal migliore al peggiore (posizione, nickname, punteggio) con la riga del giocatore corrente messa in evidenza, e un pulsante "Rigioca" che avvia una nuova partita senza richiedere di nuovo il nickname. Salva ogni punteggio in una classifica condivisa e persistente che vedono TUTTI i giocatori. Nessun login: solo un nickname prima di giocare. Look colorato in stile arcade rétro: cielo azzurro, uccellino giallo, tubi verdi. Tattile, fluido, curato come una vera app.

Questo prompt sembra lungo, ma non dice mai come programmare alcunché. Descrive un'esperienza. E bastano quattro riflessi per capirlo — sono loro da tenere a mente, molto più di questo gioco specifico.

1. Descrivere schermate, non codice. Il cuore del prompt è una macchina a stati: tre schermate, una sola visibile alla volta. Non si parla di variabili né di cicli — si descrive ciò che l'utente vede a ogni passaggio, e in che ordine. Il builder traduce tutto in codice.

2. Regolare la sensazione in linguaggio umano. La difficoltà non è data in numeri ma in intenzioni: "varco ampio", "scorrimento lento", "gravità debole", "piacevole, non frustrante". Guidi il game-feel con le parole. È ciò che separa un gioco che tieni da uno che chiudi dopo dieci secondi.

3. Chiedere il livello di rifinitura atteso. "A schermo intero, da bordo a bordo", "tattile", "curato". Il builder ha bisogno di una direzione chiara sulla qualità percepita, non solo sulle funzionalità. Basta una frase.

4. Nominare i dati condivisi — e lasciare che il builder se ne occupi. Una sola riga fa tutto il lavoro invisibile: "una classifica condivisa e persistente che vedono TUTTI i giocatori". È lei a trasformare un gioco in solitaria in una competizione collettiva. Ed è lei a innescare la parte più tecnica — quella di cui parliamo adesso.

La classifica: qui la cosa si fa seria

Un punteggio che vedi solo tu non è una classifica. Se sparisce quando chiudi l'app, o riparte da zero sul telefono del tuo vicino, non c'è più competizione — solo un contatore privato.

Perché una classifica esista davvero, serve un posto dove conservare i punteggi di tutti, delle regole per decidere chi può leggere e scrivere, e un collegamento permanente tra l'app e quei dati. Quello strato — un backend — è esattamente la parte difficile, quella che fino a ieri imponeva uno sviluppatore.

L'AI Extension Builder lo predispone da solo, grazie alla sua nuova integrazione con Supabase. Quando il prompt chiede "una classifica condivisa e persistente", il builder capisce che quei dati devono sopravvivere ed essere visibili a tutti, crea lo spazio di archiviazione corrispondente, lo protegge con regole di accesso per riga (Row-Level Security), gestisce le chiavi di connessione e collega il tutto alla sezione. Tu descrivi la classifica; lui costruisce ciò che c'è dietro.

È esattamente il caso d'uso "classifiche e tabelloni dei punteggi" che il builder ora sa coprire — allo stesso titolo di un sondaggio, un guestbook o una lista di prenotazioni. Il gioco è solo un modo spettacolare di mostrarlo.

Cosa cambia per la tua app — al di là del gioco

Il gioco era solo un pretesto. Ciò che Flappy Rush dimostra davvero è che una sezione avanzata, interattiva e dotata di veri dati condivisi è ormai a portata di prompt — là dove prima servivano un capitolato e uno sviluppatore.

E se ti prende la voglia, un mini-gioco può benissimo trovare posto in un angolo della tua app: nei colori del tuo marchio durante un evento, come "gioca e vinci" che premia i punteggi migliori, o come classifica di community che dà un motivo per riaprire l'app. Ma l'essenziale è altrove — nel fatto che non devi più rinunciare a una funzionalità perché esce dal catalogo.

Questa sezione, del resto, non è un pezzo di codice isolato da ospitare per conto suo. Si integra nella tua app come qualsiasi altra: hosting GoodBarber incluso, sistema Smart Design rispettato, e integrata nelle tue app iOS, Android e web, distribuite sugli store come le 190+ estensioni del catalogo. È una sezione viva dentro una vera app, non una demo da collegare.

Il che risponde a un'obiezione legittima: perché costruire un mini-gioco dentro una piattaforma, invece di programmarlo da zero? Perché è un falso dilemma. Quasi tutto ciò di cui un'app ha bisogno — hosting, gestione dei contenuti, account utente, notifiche push, pagamenti, pubblicazione sugli store — è identico in ogni app, ed è già costruito e mantenuto per te. La parte davvero specifica della tua idea è solo una fetta sottile che ci sta sopra. Una piattaforma ti lascia dare per scontato quell'80% di infrastruttura comune e spendere le tue energie soltanto sul 20% che è tuo — e ora quel 20% puoi generarlo anche tu con un prompt. Non "la piattaforma fa tutto", non "costruisci tutto da solo": la piattaforma porta ciò che è comune a tutti, tu firmi la parte che è davvero tua.

È il prolungamento diretto di ciò che GoodBarber fa dal 2011: app professionali senza scrivere una riga di codice, in 152 paesi. Quando una funzionalità manca al catalogo, non la metti più da parte: la descrivi, e si aggiunge alla tua app.

Per approfondire

Buttati

Apri l'AI Extension Builder nel tuo back-office GoodBarber (o avvia una prova gratuita) e descrivi una sezione che avevi archiviato tra le "troppo complicate" — un gioco, una classifica, un sondaggio, un guestbook. La prima volta che avrà bisogno di ricordare o condividere dati, collega Supabase in due clic e guardala prendere vita. Poi raccontaci cosa hai costruito: è così che prende forma la prossima versione.

In breve (FAQ)

Si può davvero creare un gioco con GoodBarber?

Non un gioco autonomo, no: GoodBarber non è un motore di gioco, e la tua app non diventa un gioco. Ciò che l'AI Extension Builder permette è includere un mini-gioco dentro una pagina della tua app — una sezione interattiva, qui un Flappy Bird con classifica condivisa, descritta in linguaggio corrente e costruita senza codice. Il gioco vive nell'app, accanto agli altri tuoi contenuti; non ne è il prodotto principale.

Bisogna saper programmare?

No. Descrivi il gioco in linguaggio naturale — le schermate, le regole, la sensazione — e il builder genera il codice e lo mostra dal vivo. Poi puoi affinare il prompt, o modificare direttamente il codice se preferisci.

Come viene condivisa la classifica tra tutti i giocatori?

Grazie al connettore Supabase dell'AI Extension Builder. Quando il prompt chiede una classifica condivisa e persistente, il builder crea il database che conserva i punteggi, lo protegge con regole di accesso e lo collega alla sezione — così ogni giocatore vede lo stesso tabellone, aggiornato al susseguirsi delle partite.

Dove "vive" il gioco una volta creato?

Dentro le tue app pubblicate — iOS, Android e web. La sezione eredita l'hosting di GoodBarber, segue il sistema Smart Design della tua app e parte sugli store attraverso la stessa catena di distribuzione di tutte le altre estensioni.

Serve un account Supabase?

Sì. La prima volta che una sezione ha bisogno di conservare dati, il builder ti chiede di collegare Supabase — una piattaforma di backend open-source con un piano gratuito generoso. Ti identifichi una volta, e ogni sezione successiva riutilizza quel collegamento con un clic.

Si può adattare questo principio a qualcosa che non sia un gioco?

Sì. La grammatica del prompt è riutilizzabile: descrivi le schermate, regola la sensazione a parole, nomina i dati da condividere. Lo stesso ragionamento produce un quiz, un'estrazione a sorte, un muro di voti o qualsiasi meccanica di coinvolgimento dotata di una classifica.