Costruire una galassia
Il mio piano era di generare in modo procedurale un modello della galassia che potesse mettere in contesto i dati delle stelle e, auspicabilmente, offrire una vista straordinaria del nostro posto nella Via Lattea.

Per generare la Via Lattea, ho generato 100.000 particelle e le ho disposte a spirale emulando il modo in cui si formano i bracci galattici. Non ero troppo preoccupato per le specifiche della formazione dei bracci a spirale perché si tratta di un modello rappresentativo piuttosto che matematico. Tuttavia, ho cercato di ottenere il numero di bracci a spirale più o meno corretto e di farli girare nella "giusta direzione".
Nelle versioni successive del modello della Via Lattea ho ridotto l'uso delle particelle a favore di un'immagine piana di una galassia da accompagnare alle particelle, sperando di dare un aspetto più fotografico. L'immagine reale è della galassia a spirale NGC 1232, a circa 70 milioni di anni luce da noi, manipolata per assomigliare alla Via Lattea.


Trovare la tua inquadratura
Una volta individuata la riga corretta nello strumento di tracciamento per il tuo gioco, il passaggio successivo consiste nel trovare il loop principale. Il loop principale ha la forma di un pattern ripetuto nei dati di monitoraggio. Puoi spostarti nei dati del tracciamento utilizzando i tasti W, A, S e D: A e D per spostarti verso sinistra o destra (avanti e indietro nel tempo) e W e S per aumentare e diminuire lo zoom sui dati. Se il gioco viene eseguito a 60 Hz, dovresti aspettarti che il loop principale sia un pattern che si ripete ogni 16 millisecondi.

Una volta individuato il battito cardiaco del gioco, puoi esaminare esattamente cosa fa il codice in ogni frame. Usa W, A, S, D per aumentare lo zoom finché non riesci a leggere il testo nelle caselle delle funzioni.

Usare le traduzioni per spostarsi tra le visualizzazioni
Per semplificare, supponiamo che esistano due visualizzazioni: una visualizzazione elenco e una visualizzazione dettagliata. Quando l'utente tocca un elemento dell'elenco all'interno della visualizzazione elenco, la visualizzazione dei dettagli viene visualizzata e la visualizzazione elenco viene nascosta.
Per ottenere questo effetto, devi avere un contenitore per entrambe le visualizzazioni con overflow: hidden
impostato. In questo modo, le due visualizzazioni possono essere affiancate all'interno del contenitore senza mostrare barre di scorrimento orizzontali e ogni visualizzazione può scorrere all'interno del contenitore in base alle esigenze.