Ciao dal team di sviluppo di Learn to Code RPG! Siamo Lynn, KayLa e Nielda. E abbiamo lavorato sodo per creare nuove avventure per i nostri personaggi.

Sono felice di annunciare il lancio di Learn to Code RPG v1.5, un anno dopo Learn to Code RPG v1 (lo chiamiamo v1.5 invece di v2 perché abbiamo grandi piani per la versione 2, che speriamo di rilasciarre durante l'inizio del 2023).

Cos'è Learn to Code RPG?

Learn to Code RPG è un videogioco, una visual novel interattiva in cui imparerai a programmare, stringerai amicizia nell'industria tech e perseguirai il tuo sogno di lavorare come sviluppatore. 🎯

Le caratteristiche del gioco:

• Ore di gioco 🎮
• Grafica e musica originali 🎨
• Più di 1,000 domande a quiz sull'informatica 📚
• Più di 50 obiettivi da sbloccare 🏆
• 6 finali diversi 👀
• Più di 10 personaggi con cui fare amicizia e un adorabile gattino 🐱
• Minigiochi 👾
• Un sistema di reputazione, un sistema economico e simpatici oggetti che puoi comprare per il tuo gatto e personalizzare la tua camera 🏠

Il trailer di Learn to Code RPG v1.5

Puoi guardare il trailer qui sotto e condividere il video con i tuoi amici:

Puoi scaricarlo e giocare gratuitamente. Il gioco è disponibile per PC, Mac e Linux su itch.io. E per Android sul Google Play Store.

Se vuoi sapere di più sul gioco in sé e il processo di sviluppo, continua a leggere.

Parleremo della storia, dei personaggi, della grafica e del codice. Sono sicura che ti piacerà. E magari ti ispirerà a creare un videogioco tutto tuo.

Come LearnToCodeRPG è passato da v1 a v1.5

Il team

Quando Lynn ha creato la versione 1, stava lavorando da sola sul gioco, destreggiandosi tra scrittura, codice e creazione di contenuti.

Per dare a Lynn più tempo per concentrarsi sul codice, KayLa si è occupata della scrittura e Nielda ha aiutato a elaborare le funzionalità e creare i contenuti artistici.

Vuoi vedere un esempio di lavoro di gruppo? Eccone uno per lo shop. Dopo aver comprato oggetti dallo shop, il giocatore li vedrà nella sua stanza.

• Lynn ha programmato lo shop, gli oggetti e la personalizzazione della stanza
• KayLa e Nielda hanno avuto le idee per gli oggetti
• KayLa ha scritto i testi per gli oggetti
• Nielda ha creato tutti i contenuti grafici – la stanza e gli oggetti – partendo da disegni in 3D e applicando degli effetti

La storia principale di Learn to Code RPG

Nella prima versione (o quello che chiamiamo prologo), la storia è iniziata con la nostra protagonista, Lydia, che ha deciso di trovare lavoro nell'industria tech. Aveva bisogno di imparare a programmare, farsi amici in quel campo, trovare mentori, sostenere colloqui e alla fine raggiungere il suo obiettivo – uno splendido lavoro da sviluppatore.

Partendo dalla storia del prologo, nella versione 1.5 (o quella che chiamiamo Arc I) Lydia inizia a lavorare come sviluppatore full-stack. Adesso deve interagire quotidianamente con i suoi nuovi colleghi e reagire alle cose che le capitano.

Dovrà fronteggiare tutto quello che un ingegnere del software affronta nel mondo reale – modifiche ai requisiti di un progetto, comunicare con il responsabile del progetto, imparare dagli sviluppatori più esperti e via dicendo.

Fuori dal lavoro, Lydia può anche andare all'Hacker Space con gli amici che si è fatta quando stava imparando a programmare.

All'Hacker Space, Lydia potrebbe imbattersi in vecchie conoscenze che stanno cercando lavoro. Potrà decidere se raccomandarli oppure no.

Potrà anche ripagare la comunità facendo da mentore ai ragazzi della scuola superiore con i loro progetti.

Non mancano mai cose divertenti da fare all'Hacker Space. 😄

I personaggi

Per dare ai personaggi più carattere, abbiamo pensato di usare il format di scheda mostrato qui sotto. Ecco la scheda del personaggio di Lydia:

Lydia incontra molti colleghi e il nostro personaggio è stato molto ampliato.

Disegnando un personaggio, delle volte Noa ha fatto esperimenti con il colore dei capelli e lo stile finché non siamo giunti al design più soddisfacente:

Ecco un'anticipazione di uno dei tanti personaggi e delle sue numerose espressioni:

E naturalmente, il preferito di tutti, Mint il gattino, che è ancora il supporto emotivo fondamentale di questa storia. 🐱

La grafica

E ora passiamo al resto della grafica oltre i personaggi. Proprio come nella v1, abbiamo creato di nuovo le immagini di sfondo applicando un filtro acquerello a immagini reali.

Dato che buona parte della storia si svolge presso l'azienda dove Lydia lavora, abbiamo anche provato a trovare immagini di stock in tema con lo schema di colori, come quelle qui sotto:

Il codice

Proprio come per la v1, ho utilizzato il motore grafico che mi è più familiare, il motore per visual novel Ren'Py.

Durante quest'anno di sviluppo, c'è stata un'importante novità per la community di Ren'Py: Ren'Py 8 adesso supporta Python 3. È una cosa eccitante.

Rispetto a Python 2.7 (che abbiamo usato in Ren'Py 7.4 per sviluppare Learn to Code RPG v1), Python 3 possiede molte nuove funzionalità che hanno un impatto positivo sullo sviluppo.

Ciò vuol dire anche che ho dovuto passare un po' di tempo per migrare il nostro progetto da Python 2.7 a Python 3 (è stato un piccolo commit Git, ci puoi giurare🤓).

E adesso qualche statistica – il linter integrato di Ren'Py è perfetto per raccogliere statistiche per confrontare la v1 e la v1.5:

# v1
Ren'Py 7.4.8.1895 lint report, generated at: Fri Dec 17 22:11:43 2021
Statistics:
The game contains 1,335 dialogue blocks, containing 15,390 words and 85,105 characters, for an average of 11.5 words and 64 characters per block.
The game contains 40 menus, 20 images, and 49 screens.

# v1.5
Ren'Py 8.0.3.22090809 lint report, generated at: Tue Dec 20 19:22:05 2022
Statistics:
The game contains 3,339 dialogue blocks, containing 41,214 words and 220,501
characters, for an average of 12.3 words and 66 characters per block.
The game contains 68 menus, 19 images, and 51 screens.

Dalle statistiche possiamo vedere che abbiamo quasi triplicato i contenuti della storia. Woohoo! 🤩

I prossimi passi per LearnToCodeRPG: da v1.5 a v2

Urrà! Dopo un intero anno di sviluppo, abbiamo portato la v1 al livello superiore e adesso stiamo presentando Learn to Code RPG v1.5.

Ciò che è ancora più eccitante è che siamo solo all'inizio. Come piace sempre dire a Quincy, non ci poniamo limiti. ✈️

Ecco alcune cose che potrai vedere nella v2, o ancora prima tra v1.5 e v2:

• 🌎 Localizzazione: tutto il testo della v1 è stato completamente tradotto in Portoghese e abbiamo comunità attive nella traduzione del gioco in altre lingue. Se vuoi puoi aiutarci anche tu, partendo da qui.
• 🎭 Altre storie e personaggi (shhh... abbiamo più di 10 personaggi ideati e qualcuno già disegnato)
• 📚 Un archivio di domande a quiz ampliato e ripetizioni distribuite per aiutarti a imparare più efficacemente.
• 💻 Aggiornamento automatico all'interno del gioco in modo da poter stare al passo con i bug sistemati, funzionalità e narrazione.
• ... E altro ancora nella nostra lista dei regali! 🎁

Infine, speriamo che ti piaccia giocare a questo videogame tanto quanto ci siamo divertite a svilupparlo! 🥳

Link

Puoi trovare il gioco su itch.io qui:

Learn to Code RPG by freeCodeCamp.org

Learn to code and get a dev job 🎯

itch.io

Ed ecco il repository GitHub con tutto il codice:

GitHub - freeCodeCamp/LearnToCodeRPG: A visual novel video game where you learn to code and get a dev job 🎯

A visual novel video game where you learn to code and get a dev job 🎯 - GitHub - freeCodeCamp/LearnToCodeRPG: A visual novel video game where you learn to code and get a dev job 🎯

freeCodeCampGitHub

Se non hai ancora letto di come ha preso forma la v1, ecco un articolo per te:

Learn to Code RPG – Una Visual Novel in cui Imparare Concetti di Informatica

Ciao a tutti – qui Lynn. È un mio grande piacere annunciare il lancio di Learnto Code RPG, un progetto che abbiamo sviluppato in segreto negli ultimi ottomesi. Learn to Code RPG è un videogioco, una visual novel interattiva in cui impareraia programmare, stringerai amicizie nell’industria tech e…

Dario Di CillofreeCodeCamp.org

Ed ecco il press kit ufficiale del gioco:

Learn to Code RPG – Press Kit

This is the press kit for the game, Learn to Code RPG.

Lynn ZhengfreeCodeCamp.org

Se sei interessato a creare un videogioco visual novel, dai un'occhiata a questo mio articolo:

How to Make a Visual Novel Game in 10 Minutes – Python Ren’Py Tutorial

Do you have a story idea that you’d like to turn into a novel? How about addingvisual appeal and interactivity to that novel? A Visual Novel [https://en.wikipedia.org/wiki/Visual_novel] might be the gamegenre you are looking for. And this tutorial is here to help set you up in 10minutes, with m…

Lynn ZhengfreeCodeCamp.org

Speriamo che ti diverta a imparare com'è lavorare nel campo della tecnologia giocando a Learn to Code RPG. 🧑‍💻

Ciao a tutti – qui Lynn. È un mio grande piacere annunciare il lancio di Learn to Code RPG, un progetto che abbiamo sviluppato in segreto negli ultimi otto mesi.

Learn to Code RPG è un videogioco, una visual novel interattiva in cui imparerai a programmare, stringerai amicizie nell'industria tech e seguirai il tuo sogno di diventare uno sviluppatore. 🎯

Le caratteristiche del gioco:

• Ore di gioco 🎮
• Grafica e musica originali 🎨
• Più di 600 domande di informatica a quiz 📚
• Più di 50 Easter Egg da scoprire 🚀
• 6 finali diversi 👀
• Personaggi simpatici e un adorabile gattino 🐱
• Minigiochi! 👾

Questa è la prima versione e speriamo di aggiungere altri contenuti in futuro. Le prossime versioni avranno più personaggi, sceneggiature, missioni secondarie, disegni, musica e ovviamente minigiochi (che ne dici di quiz in modalità di sopravvivenza e speedrunning?). Stiamo anche pianificando di localizzare il gioco in diverse lingue. 🌎 Non ci poniamo limiti. ✈️

Puoi scaricarlo da itch.io e giocare gratuitamente.

Se vuoi imparare di più sul gioco in sé, il processo di sviluppo e via dicendo, continua a leggere. Questo è devlog molto visivo (il nostro gioco è una visual novel per una ragione) e sono sicuro che ti piacerà.

Dove tutto è iniziato

Partiamo con un po' di background.

Ho sempre amato i videogiochi con una storia ben curata fin da quando ero piccola. 🧒🏻

Il mio interesse per lo sviluppo di giochi mi ha inspirato a laurearmi in Informatica al college. Nel giugno 2021, mi sono laureata all'Università di Chicago con una laurea congiunta in Informatica.

Nel luglio 2021, mentre stavo pianificando di trasferirmi a San Francisco per iniziare la mia carriera da software developer, Quincy mi ha contattata parlandomi dell'idea di questo gioco.

Un gioco in cui impari a programmare, conosci amici, esplori la cultura tech e alla fine entri nell'industria tech. 🎯

Anche se mi diletto di motori per sviluppo di videogiochi come Unity e Ren'Py e ho creato dei piccoli progetti per passione nel mio tempo libero, per me questa era la prima volta in cui creare un gioco dalle fondamenta, con un team formato (fondamentalmente) da una persona. Tutto questo per dire che mi sono sentita un po' sopraffatta da questa opportunità di realizzare il mio sogno di sviluppare videogiochi. 🤯

Non potevo lasciarmi sfuggire questa occasione! E quindi ho accettato e mi ci sono tuffata dentro.

Come creare un gioco in quattro mesi

La storia

L'idea della storia è stata piuttosto chiara fin dal principio: il/la protagonista prende la decisione di imparare a programmare, affronta ostacoli durante il suo percorso, incontra alleati e mentori, e alla fine ottiene il grande premio: uno splendido lavoro da sviluppatore.

Ho iniziato con il classico modello di scrittura del viaggio dell'eroe, o del monomito in 17 fasi.

Da quando ho iniziato a lavorare sul gioco, ho desiderato più e più volte di aver frequentato almeno un corso di scrittura creativa al college. 😅

Ecco un assaggio della bozza del primo e del terzo dei 17 stadi, direttamente dal mio Google Doc:

I personaggi

Considerando il protagonista che viene controllato dal giocatore, abbiamo quattro personaggi principali nel gioco:

• La protagonista, Lydia, che ha appena terminato il college ( nelle prossime versioni potremmo rendere disponibili diversi personaggi tra cui scegliere)
• Annika, la migliore amica della protagonista
• Marco, che diventa il mentore della protagonista
• Layla, l'amica che aiuta la protagonista con il suo primo lavoro da sviluppatore

Ho iniziato a progettare i personaggi raccogliendo immagini su Pinterest. Poi io e Quincy abbiamo commissionato a un artista online la creazione degli sprite dei personaggi delle immagini splash.

Nelle immagini qui sotto, puoi vedere affiancati i personaggi a cui ci siamo ispirati da Pinterest (il copyright appartiene agli autori originali) e il design finale.

Adesso che abbiamo il cast principale, cosa potremmo aggiungere per dare più profondità al personaggio di Lydia e per non farla stare da sola nella sua camera a macinare codice tutto il giorno? Magari un gatto? 🐱

E qui arriva Mint, il gatto di Lydia (disegnato da me, da artista improvvisata, così da far concentrare il nostro artista sui personaggi. Il disegno digitale 🎨 è il mio secondo grande hobby dopo lo sviluppo di giochi).

La grafica

Con i personaggi terminati, potresti pensare che si conclude il grosso della grafica. Non così in fretta! Una visual novel è, come suggerisce il nome, visiva, e quindi ha bisogno di un sacco di altra grafica per raccontare una storia accattivante.

Ad esempio, nell'immagine qui sotto, oltre agli sprite del personaggio, ci sono l'immagine di sfondo e alcuni componenti dell'interfaccia grafica come la casella di testo.

Per creare le immagini di sfondo, ho applicato dei filtri con effetti speciali a immagini di stock per dare l'idea dei colori ad acquerello. In questo modo, lo schema dei colori dei nostri personaggi si combina perfettamente a quello dello sfondo.

Per illustrare lo scorrere del tempo durante un giorno, ho cambiato l'illuminazione delle immagini si sfondo manipolando i colori programmaticamente (dai un'occhiata al nostro repository GitHub se sei interessato ai dettagli di implementazione).

Per motivarmi ogni volta che sentivo di procrastinare, ho convogliato le mie energie creative e realizzato diversi elementi che appaiono durante il gioco. 🤣

Ed ecco come mai nel gioco abbiamo biscotti, toast, pizza, pollo fritto e altro ancora!

Il codice

Ho usato il motore grafico con cui ho più familiarità, il motore per visual novel Ren'Py. Ho riutilizzato molto del codice dei miei vecchi progetti, ad esempio per far sbattere le palpebre ai personaggi e per un minigioco di ritmo.

Ho anche incorporato del codice Ren'Py open-source come il codice per il movimento dei tag di testo e quello per le icone feather nel testo.

Mi trattengo dal tuffarmi nel codebase (perché poi non saprei quando fermarmi 😆). Tanto per avere un'idea della quantità di codice sia per la logica che per l'interfaccia grafica, dai un'occhiata al report del linter di Ren'Py qui sotto.

Fiuuu... Possiamo tornare a qualcosa di più visivo adesso?

Ren'Py 7.4.8.1895 lint report, generated at: Fri Dec 17 22:11:43 2021
Statistics:
The game contains 1,335 dialogue blocks, containing 15,390 words and 85,105 characters, for an average of 11.5 words and 64 characters per block.
The game contains 40 menus, 20 images, and 49 screens.

L'indicatore dei progressi

Persino un progetto di una sola persona ha bisogno di un project manager, quindi perché non essere il manager di me stessa?

Ho usato Trello per tracciare i miei progressi e collaborare con gli altri. Ho anche creato un codice colore per le diverse categorie di attività come programmare, UI/UX, scrittura e via dicendo, come mostrato nell'immagine qui sotto nella prima scheda della colonna Backlog.

E wow, non è una bella lista di cose fatte? 😤

Tutto quello che era nelle colonne TODO e Doing è finito in Done, e questo ci porta a...

La mia conclusione

Urrà! Dopo otto mesi (quattro per lavorare sulle idee e quattro di intensa programmazione, scrittura e creazione artistica), ecco a voi Learn to Code RPG. 🥳

In quattro mesi nel gioco, Lydia è passata da essere un aspirante ingegnere a un ingegnere con un lavoro da sviluppatore. 🎯

In quattro mesi nel mondo reale, sono passata da essere una aspirante game developer a essere una game developer che ha davvero creato un gioco. 👾

Naturalmente adesso arriva la domanda da un milione di dollari: qual è la mia conclusione dopo tutto questo processo?

Come ogni processo creativo, lo sviluppo di videogiochi non è semplice. Sono estremamente fortunata ad avere un team che mi supporta: il nostra artista Noa che ha creato i disegni dei personaggi, Quincy che ha creato della fantastica musica originale e i revisori e playtester delle staff di freeCodeCamp.

Sono cresciuta in termini di abilità tecniche (trovando modi creativi per costruire le cose in Ren'Py), non tecniche (gestendo da me il progetto) e altro (gestendo le attese, superando la sindrome dell'impostore e trovando l'equilibrio tra vita e lavoro).

Non è stato assolutamente un percorso in discesa, ma il risultato vale ogni secondo di duro lavoro. E soprattutto, non vedo l'ora che tu giochi al videogame dando dei feedback, in modo da migliorare il gioco nelle prossime versioni.

Spero che ti piaccia giocare a Learn to Code RPG tanto quanto mi sono divertita a crearlo! 🙌

Link a Learn to Code RPG

Puoi trovare il gioco su itch.io qui:

E qui c'è il repository GitHub con tutto il codice.

Puoi anche guardare il trailer su YouTube e condividerlo con i tuoi amici:

Vuoi vedere com'è il gioco? Dai un'occhiata a questo video.

Ed ecco il press kit ufficiale del gioco.

Se sei interessato a creare un videogioco visual novel, dai un'occhiata a questo mio articolo: