Puoi creare elementi dell'interfaccia utente (UI) personalizzati per la tua isola in Unreal Editor per Fortnite (UEFN) utilizzando una Blueprint widget con il dispositivo Messaggio HUD e dispositivo Finestra di dialogo a comparsa.
Sono previste due categorie di Blueprint widget per la creazione di una UI personalizzata:
Widget utente - Da utilizzare per creare un Messaggio HUD personalizzato.
Variante Finestra di dialogo modale - Da utilizzare per creare pulsanti cliccabili personalizzati.
Il dispositivo Finestra di dialogo a comparsa funziona solo con una Blueprint Variante Finestra di dialogo modale. Il dispositivo Messaggio HUD utilizza entrambi i tipi di Blueprint.
Per saperne di più sull'editor dei widget, consulta il documento Editor di widget UI.
Widget utente
Questo widget utilizza l'HUD per visualizzare un messaggio UI personalizzato ai giocatori. Utilizzalo per mandare i giocatori in missione o come dispositivo narrativo sulla tua isola. Puoi aggiungere pulsanti al tuo messaggio nel flusso di lavoro per la variante Finestra di dialogo modale successiva.
Trascina un dispositivo Messaggio HUD nella viewport. Il dispositivo risulterà automaticamente connesso al Blueprint widget.
Crea la Blueprint
Fai clic con il tasto destro del mouse su Esplora contenuti per aprire il menu Esplora contenuti.
Seleziona Interfaccia utente > Blueprint widget. Si apre il percorso del widget.
Seleziona Widget utente. La miniatura del Blueprint widget è ora visualizzata in Esplora contenuti.
Rinomina la miniatura.
Seleziona il dispositivo Messaggio HUD nella viewport, cerca l'opzione avanzata Widget HUD nel pannello Dettagli, quindi seleziona la tua Blueprint widget nel menu a discesa.
Fai due volte clic sulla miniatura per aprire l'Editor widget.
Seleziona un Widget pannello nel menu Pannello. In questo esempio, è stato impiegato un pannello Canvas.
Devi completare questo passaggio prima di aggiungere qualsiasi elemento al widget.
Tutto ciò che inserisci in questo pannello verrà visualizzato nel Messaggio HUD.
Ridimensiona il widget del pannello facendo clic sugli angoli e trascinandoli fino alla grandezza desiderata. In questo esempio, il pannello è 1920 x 1080 per l'alta definizione completa (HD).
Fai clic per ingrandire l'immagine.
Importa un'immagine in Esplora contenuti, poi trascina il widget dell'immagine nell'editor Blueprint del widget. Questa srà l'immagine di sfondo del tuo HUD.
Ridimensiona l'immagine dal pannello Dettagli utilizzando l'opzione Dimensioni immagine in Aspetto.
Sposta l'immagine utilizzando i campi Traslazione. Trascinando il primo campo, sposterai l'immagine a destra e a sinistra. Il trascinamento del secondo campo sposta l'immagine verso l'alto e verso il basso.
Trascina un Widget blocco di testo UEFN nel pannello. Il widget blocco di testo è dove inserirai il tuo messaggio HUD personalizzato.
Il punto dove posizionerai il widget di riquadro di testo è dove viene visualizzato il tuo messaggio HUD.
Aggiungi il tuo messaggio UI personalizzato al campo Testo del pannello Dettagli.
Aggiungi un colore al tuo testo e modifica lo stile del carattere sfruttando le opzioni Aspetto seguenti: Colore e opacità,Famiglia font e Dimensioni.
Puoi modificare ulteriormente il testo inclinando le lettere, utilizzando una spaziatura personalizzata o aggiungendo un contorno o delle ombreggiature al testo.
Ogni volta che il tuo dispositivo Messaggio HUD verrà attivato, mostrerà il tuo messaggio UI personalizzato nell'HUD.
Variante della finestra di dialogo modale
Il widget utilizza un'interfaccia di pulsante per connettere un dispositivo Finestra di dialogo pop-up a un dispositivo Assegnatore oggetti per fornire ai giocatori un oggetto. Per iniziare, trascina un dispositivo Finestra di dialogo pop-up e un dispositivo Assegnatore oggetti nella viewport.
Crea la Blueprint
Fai clic con il tasto destro del mouse su Esplora contenuti per aprire il menu Esplora contenuti.
Seleziona Interfaccia utente > Blueprint widget. Si apre il percorso del widget.
Seleziona Variante Finestra di dialogo modale. La miniatura del Blueprint widget è ora visualizzata in Esplora contenuti.
Rinomina la miniatura.
Fai due volte clic sulla miniatura per aprire l'Editor widget.
Trascina un widget del pannello nella viewport e ridimensionalo.
Fai clic per ingrandire l'immagine.
Trascina un widget dell'immagine nella viewport o importa un'arma o un oggetto e trascina l'immagine da Esplora contenuti nella viewport.
Seleziona l'allineamento dell'immagine. Sono disponibili diversi allineamenti orizzontale e verticale.
Trasla l'immagine all'interno della viewport utilizzando gli strumenti Traslazione. Trascinando il primo campo, sposterai l'immagine a destra e a sinistra, mentre trascinando il secondo la sposterai verso l'alto e verso il basso.
Trascina un widget pulsante nella viewport, seleziona un allineamento, poi trasla il pulsante utilizzando i campi Traslazione.
Assegna un nome al pulsante nel campo Testo e aggiungi un'azione nel campo Testo secondario.
Se vuoi utilizzare un'azione solo sul pulsante, aggiungi l'azione solo al campo Testo. In altre parole, il tuo pulsante può semplicemente mostrare la dicitura **Premi qui**.
Imposta le seguenti opzioni di Selezione:
Selezionabile - Attivo
Interagibile quando selezionato - Attivo
In tal modo i pulsanti utilizzano un comportamento da pulsante quando ricevono un input.
Seleziona il dispositivo Finestra di dialogo a comparsa nella viewport e cerca Widget modale > Classe override modello nel pannello Dettagli. Seleziona il pulsante UI nel menu a discesa Classe override modello.
Imposta l'Opzione Visualizzazione automatica su Avvio del gioco. Quando esegui il playtest del tuo livello, il pulsante viene generato automaticamente all'avvio del gioco.
Puoi anche impostare questa opzione su Mai, poi configura un altro dispositivo per l'attivazione del dispositivo Finestra di dialogo a comparsa.
Seleziona l'Assegnatore oggetti e aggiungi l'arma o l'oggetto all'Elenco oggetti.
L'oggetto da assegnare deve essere lo stesso mostrato nell'immagine che utilizzi se non scegli di impiegare un punto interrogativo, in tal caso puoi utilizzare qualsiasi oggetto.
Seleziona il dispositivo Finestra di dialogo a comparsa nel menu a discesa Assegna oggetto e seleziona Alla risposta del pulsante 1 nell'Elenco funzioni.
Logica dei pulsanti
Ora puoi procedere a creare la logica del pulsante per il Blueprint widget.
Apri l'Editor widget.
Fai clic sul pulsante Visualizza associazioni nella parte inferiore dell'editor.
Fai clic sul modello di visualizzazione per la creazione.
Seleziona Modello di visualizzazione Finestra di dialogo modale Fortnite Creativo > Seleziona > Chiudi. In questo modo, vengono aggiunte al Blueprint widget tutte le possibili logiche dei pulsanti da modificare.
Fai clic su Visualizza associazioni > Aggiungi widget per aprire il menu per la selezione dei widget.
Seleziona il widget del pulsante nel menu a discesa Modello di visualizzazione Finestra di dialogo modale Fortnite Creativo, quindi fai clic su Seleziona.
Seleziona Widget monodirezionale e imposta Monodirezionale su Modello di visualizzazione nel menu a discesa Modalità di associazione.
Fai clic sul primo campo e seleziona Funzioni di conversione > Ottieni risposta pulsante 1 > Seleziona.
Questi numeri di pulsante si riferiscono alla loro distribuzione nel pannello.
Fai clic sul secondo campo e seleziona Modello di visualizzazione Finestra di dialogo modale Fortnite Creativo > Risposta > Seleziona.
Seleziona il widget pulsante UEFN che hai trascinato nel pannello dal menu a discesa Campo e seleziona Evento clic > Seleziona.
Fai clic su Compila.
Esegui il playtest per assicurarti che il pulsante sia generato e funzioni correttamente quando viene premuto.