Menù di gioco BOT_IS_LONELY!

BOT_IS_LONELY game menu!

ADORO Canva! Lo uso come base per le animazioni, per i miei design di magliette e per creare bozze di progetti complessi in modo super veloce!

Diamo un'occhiata alla schermata del menu del mio romanzo visivo in lavorazione sulla sapienza e sul comportamento parasociale, "BOT_IS_LONELY".

Tantissimo Canva. Vedi linee strane e sezioni animate? Fatto con Canva. Senti quella musica? Fatto con Canva.

Quasi TUTTO ciò che è presente qui sono elementi base della libreria Canva, elementi Canva leggermente modificati o frutto del mio lavoro.

Oltre a Canva, ho utilizzato Clip Studio Paint e Medibang Paint per le risorse artistiche del gioco.

Decidete cosa fare. In questo caso, volevo creare un video compatibile con Tyrannobuilder e Visual Novel Engine, che funzionasse in loop e potesse essere esportato in Unreal Engine per lavori futuri. Il loop e le voci di menu cliccabili sono già presenti nel motore, ma li ho creati nel video in modo che funzionassero tutti insieme. Un po' di lavoro molto attento per creare aree cliccabili e reattive nel motore e il gioco è fatto!

L'obiettivo principale era creare un video che rispecchiasse il tema e le sensazioni che desideravo trasmettere con il gioco.

Questa è BOT_1. È adorabile. È come te. Ho preso la sua palette di colori e l'ho scomposta nei colori componenti. Ho lavorato su questi per cercare di creare un po' di coesione tra l'interfaccia utente e i personaggi sullo schermo.

(BOT_1 è anche animato in Canva per semplici battiti di ciglia e movimenti della bocca!)

Quindi, avevo scelto i colori e un'idea di come volevo che fosse l'atmosfera. Ho deciso di dare al menù un tono calmo e dolce. Il che è in netto contrasto con come può essere l'inizio, a seconda delle scelte.

Ora arriva la parte più noiosa dell'intero processo: le miniature! Sono assolutamente necessarie, non solo per impegnare occhi e cervello e trovare qualcosa che funzioni, ma anche se intendi pubblicare il tuo lavoro.

Se si tratta di un artbook, sono MOLTO utili per trasmettere idee. Lo stesso vale per la creazione di un gioco. Se vuoi essere pubblicato, includi il tuo processo creativo: la tua professionalità sarà più evidente a potenziali clienti ed editori.

Ok, quindi abbiamo un piano! Abbiamo i nostri colori! Sappiamo qual è il tema e l'atmosfera! Cominciamo a sbizzarrirci!

Canva è fenomenale in questo momento. Non scoraggiarti se non ti attieni esattamente alla tua miniatura: la maggior parte delle persone non lo fa. Consideralo un trampolino di lancio per qualcosa di cool.

Ho passato 3 giorni a armeggiare con il menu, non solo assicurandomi che avesse l'aspetto che desideravo, ma anche che il file finale fosse ben ottimizzato e che i ritmi musicali fossero perfetti. In questo periodo è cambiato molto, ma ora è funzionale e si adatta perfettamente a un videogioco dalle dimensioni ridotte. Eccolo, estratto dal motore grafico, visualizzabile in Canva: https://www.canva.com/design/DAF6hLtXgvE/LaKPNSVbxVUA4TzcS_1g_Q/watch?utm_content=DAF6hLtXgvE&utm_campaign=share_your_design&utm_medium=link2&utm_source=shareyourdesignpanel

Canva è un set di strumenti flessibile, basato su un editor WYSIWIG. WYSIWYG? Quello che vedi è quello che ottieni! Se riesci a visualizzare l'interfaccia, puoi iniziare a creare qualcosa. Innanzitutto, si inizia creando un documento: può essere un'area di lavoro vuota predefinita, un'area di lavoro vuota di cui hai già stabilito le dimensioni, oppure un modello! I modelli sono fantastici e rappresentano un modo semplice per creare qualcosa, ma ho optato per la seconda opzione perché avevo in mente qualcosa di specifico da creare.

Quindi, dopo aver impostato le dimensioni, l'orientamento e il tipo di quello che sarebbe diventato il menu, ho iniziato a raccogliere le risorse già presenti in Canva. Se date un'occhiata qui sotto, potete vedere l'area di lavoro e la ricerca "Elemento": questo è ciò che vogliamo. Raccogliamo tutti i singoli elementi di cui avremo bisogno, poi iniziamo la fase successiva: modificarli in base alle nostre esigenze!

...il che non è affatto difficile, solo che richiede tempo. Vedete, volevo un menu animato in loop, il che significa VIDEO ANIMAZIONE. Per fortuna, possiamo farlo con Canva, senza bisogno di costosi software aggiuntivi!

Se guardate l'immagine qui sotto, noterete che c'è una barra sotto la tela su cui stavo creando il menu. Questa è la timeline ed è davvero importante capire come funziona. Ogni elemento che usate, che si tratti di GIF animate, immagini, effetti sonori e musica, ha la sua timeline.

Per prima cosa, crea la scena completa. Cosa dovrà apparire alla fine. Poi, esamina ogni elemento uno alla volta. Clicca sull'elemento e vedrai la sua timeline viola apparire in basso, insieme a un timestamp. Il timestamp ti permette di vedere cosa succede e quando. Tutto quello che devi fare è allungare o accorciare la timeline viola in modo che corrisponda al momento in cui desideri che l'elemento sia sullo schermo o in funzione.

Animare è davvero semplice: se un elemento non si muove già come desideri, o magari vuoi che rimbalzi e brilli, puoi usare i pulsanti "Anima" o "Effetti" in alto. Se hai creato qualcosa tu stesso, puoi caricarlo nel menu a sinistra e utilizzarlo come se fosse parte di Canva.

Ta-dah! Eccolo all'opera nel gioco stesso. Ho ancora molta strada da fare per finire "BOT_IS_LONELY", ma Canva ha semplificato notevolmente gran parte del lavoro. L'ho usato per creare le animazioni dei miei personaggi, girare video, creare gli sfondi e creare l'intera interfaccia utente e i titoli di coda.

Vuoi creare un gioco? Allora prova questo progetto: https://www.domestika.org/en/projects/1827332-bot_is_lonely-vn-stuff. Lo aggiorno ogni venerdì con istruzioni semplificate, dove trovare risorse di gioco e come crearne di proprie, persino la musica! Tutti i tipi di gioco sono benvenuti!