Immagini

La costruzione di una galassia

Il mio piano era generare proceduralmente un modello della galassia in grado di contestualizzare i dati delle stelle e, si spera, di offrire una fantastica visione del nostro posto nella Via Lattea.

Un primo prototipo del sistema di particelle della Via Lattea.

Per generare la Via Lattea, ho generato 100.000 particelle e le ho posizionate in una spirale emulando il modo in cui si formano i bracci galattici. Non ero molto preoccupata delle specifiche della formazione del braccio a spirale perché sarebbe stato un modello rappresentativo piuttosto che matematico. Tuttavia, ho provato a ottenere il numero di bracci a spirale più o meno corretto e a ruotare nella "direzione giusta".

Nelle versioni successive del modello della Via Lattea ho sottolineato l'uso delle particelle a favore di un'immagine planare di una galassia che le accompagna, per darle un aspetto più fotografico. L'immagine effettiva è della galassia a spirale NGC 1232 a circa 70 milioni di anni luce da noi, manipolata in modo da ottenere l'aspetto della Via Lattea.

Ogni unità GL è un anno luce. In questo caso la sfera è larga 110.000 anni luce e comprende il sistema di particelle.

Questo è l'aspetto del fold della pagina quando la pagina viene capovolta o trascinata.

Individuazione della cornice

Dopo aver individuato la riga corretta nello strumento di tracciamento del tuo gioco, il passaggio successivo consiste nell'individuare il loop principale. Il loop principale appare come un pattern ripetuto nei dati di tracciamento. Puoi spostarti tra i dati di tracciamento utilizzando i tasti W, A, S e D: A e D per spostarti a sinistra o destra (avanti e indietro nel tempo) e W e S per aumentare e diminuire lo zoom sui dati. Ci si aspetta che il loop principale sia uno schema che si ripete ogni 16 millisecondi se il gioco viene eseguito a 60 Hz.

Sembra che ci siano tre frame di esecuzione

Una volta individuato il battito cardiaco del tuo gioco, puoi approfondire l'attività del codice in ogni frame. Utilizza W, A, S, D per aumentare lo zoom fino a quando riesci a leggere il testo nelle caselle di funzione.

Approfondisci il frame di esecuzione

Operazione riuscita: prova a mantenere una velocità di 60 FPS per tutte le animazioni. In questo modo, gli utenti non vedranno animazioni con stuttering che interferiscono con la loro esperienza. Assicurati che gli elementi animati abbiano will-change impostato per qualsiasi elemento che intendi modificare molto prima dell'inizio dell'animazione. Per le transizioni di visualizzazione, è molto probabile che tu voglia utilizzare will-change: transform.

Usa le traduzioni per spostarti tra le visualizzazioni

Per semplificare le cose, supponiamo che ci siano due visualizzazioni: una visualizzazione elenco e una visualizzazione dettagli. Quando l'utente tocca una voce all'interno della visualizzazione elenco, entra in visualizzazione la visualizzazione dei dettagli e quella elenco diminuisce.

Per ottenere questo effetto, è necessario un contenitore per entrambe le viste in cui è impostato il criterio overflow: hidden. In questo modo, le due viste possono trovarsi entrambe all'interno del contenitore affiancate senza mostrare barre di scorrimento orizzontali e ciascuna visualizzazione può scorrere lateralmente all'interno del contenitore in base alle esigenze.