Salta ai contenuti
Ripple Effect

La tua prima storia

In questo tutorial costruisci da zero una piccola storia e la giochi: un viandante davanti a un cancello, due modi per attraversarlo e un finale. A ogni passo guardi che cosa l’app ha scritto nella cartella del progetto.

Ti serve l’app installata. Se la tua piattaforma blocca un’app che non conosce, Come installare Ripple Effect spiega su che cosa fare clic. Se preferisci leggere prima una storia già finita, Nuovo progetto → Modelli ne crea una copia per te; qui ne costruiamo una piccola da zero.

  1. Crea un progetto.

    Premi Nuovo progetto nella schermata iniziale. Dagli un titolo, The Gate va bene, scegli dove deve andare la cartella e scegli la lingua in cui scrivi. La lingua viene proposta in base alle impostazioni del tuo computer, ma la scelta è tua: decide il nome del file in cui viene scritto ogni passaggio.

    Guarda che cosa crea l’app: la cartella con una cosa sola dentro:

    • Directorythe_gate/
      • Directory.ripple/
        • project.json

    Quello è il progetto. Non c’è nessuna impalcatura né convenzione; tutto il resto della cartella sarà tuo. Vedi Un progetto è una cartella per capire perché.

  2. Crea una lavagna.

    Nell’albero dei file a sinistra premi + e scegli Lavagna. Chiamala gate. Si apre sul canvas con una sola scheda, Start, da cui inizia la storia. Una lavagna ne ha esattamente uno.

    Sul disco ora hai gate.graph.json. È JSON.

  3. Scrivi il primo passaggio.

    Fai clic destro su una zona vuota del canvas e scegli Crea ▸ Story ▸ Narration. Un clic destro, o un collegamento rilasciato sul canvas vuoto, è il modo in cui si crea ogni scheda. La scheda compare dove hai fatto clic, con la scritta Vuota — fai doppio clic per scrivere.: fai doppio clic su di essa.

    La finestra Passage chiede un titolo, At the gate, e quale passaggio legge la scheda. Premi Nuovo per crearne uno e scrivi:

    The gate is shut, and the guard on the wall has seen you.

    Chiudi la finestra. Il testo è già salvato: tutto nell’app viene scritto mentre lavori, e la finestra decide soltanto il titolo e a quale passaggio punta la scheda.

    Accanto alla lavagna c’è ora una cartella che l’app mostra come un unico file:

    • Directorythe_gate/
      • gate.graph.json
      • Directorygate-at-the-gate.loc.narr.bdl/
        • en-US.md
        • touch.json

    en-US.md, o la lingua che hai scelto, contiene la tua frase come semplice Markdown. Una traduzione sarebbe un secondo .md accanto a questo. Il nome della cartella segue la lavagna e il titolo.

  4. Collegalo.

    Trascina dalla porta a destra di Start alla porta a sinistra del tuo passaggio. La storia ha ora una prima pagina.

  5. Dai al passaggio due scelte.

    Trascina dalla prima porta di uscita del passaggio e rilascia sul canvas vuoto. Il menu Crea si apre dove hai rilasciato, già collegato a ciò che scegli. Scegli Narration, fai doppio clic sulla nuova scheda, intitolala Talk to the guard, premi Nuovo e scrivi The guard leans over the wall and listens. Ripeti dalla seconda porta del passaggio: intitolala Climb the wall, premi Nuovo e scrivi The stones are loose, but you find a hold. Sotto ogni porta che colleghi compare una porta libera.

    Ora fai clic sulla riga di ciascuna scelta nella prima scheda. Una scelta ha un nome, che è ciò che la scheda mostra perché tu possa trovare il ramo su una lavagna ampia, e le sue parole, che sono ciò che viene offerto al lettore, in ogni lingua in cui è scritta la storia. Dai alla prima Call up to the guard e alla seconda Look for another way.

  6. Concludila.

    Fai clic destro sul canvas vuoto, scegli End e collega entrambi i rami. Una scheda End accetta un numero qualsiasi di collegamenti, così ogni ramo può finire nello stesso punto.

  7. Provala.

    Premi Gioca. La finestra della campagna si apre sul tuo primo passaggio con le due scelte sotto. Scegline una, leggi il passaggio successivo e arriva alla fine.

    Ciò che hai appena giocato è ciò che gioca una campagna esportata: lo stesso motore, senza una copia di anteprima che potrebbe discostarsene. Vedi Perché l’anteprima è la storia pubblicata.

Che cosa hai ottenuto

Sezione intitolata “Che cosa hai ottenuto”
  • Directorythe_gate/
    • Directory.ripple/
      • project.json
      • registry.json
      • workspace.json
    • gate.graph.json
    • Directorygate-at-the-gate.loc.narr.bdl/
      • en-US.md
      • touch.json
    • Directorygate-talk-to-the-guard.loc.narr.bdl/
      • en-US.md
      • touch.json
    • Directorygate-climb-the-wall.loc.narr.bdl/
      • en-US.md
      • touch.json

Hai costruito una lavagna, tre passaggi e l’indice dell’app in .ripple/. Ogni file è testo semplice.

Dove andare dopo

Sezione intitolata “Dove andare dopo”