Grafika

Tworzenie Galaxy

Planowałem wygenerować proceduralnie model galaktyki, który pozwoliłby umieścić dane dotyczące gwiazd w odpowiednim kontekście. Mam nadzieję, że udało mi się uzyskać niesamowity widok naszego miejsca w drodze Mlecznej.

Wczesny prototyp galaktyki.
Wczesny prototyp systemu cząstek Drogi Mlecznej.

Aby wygenerować Drogę Mleczną, wygenerowałam 100 tys. cząstek i umieściłam je w spirali,naśladując sposób tworzenia się ramion galaktycznych. Nie martwiłem się zbytnio szczegółami dotyczącymi tworzenia spiralnych ramion, ponieważ chodziło raczej o model poglądowy niż matematyczny. Starałem się jednak, aby liczba ramion spirali była mniej więcej prawidłowa, a ich ruch był zgodny z „właściwym kierunkiem”.

W późniejszych wersjach modelu Drogi Mlecznej zrezygnowałem z użycia cząstek na rzecz płaskiego obrazu galaktyki, który towarzyszy cząstkom. Mam nadzieję, że dzięki temu model wygląda bardziej jak zdjęcie. Na zdjęciu galaktyki spiralnej NGC 1232, która znajduje się w odległości około 70 mln lat świetlnych od nas, zostały wprowadzone zmiany, aby wyglądała jak Droga Mleczna.

Określanie skali galaktyki.
Każda jednostka GL to rok świetlny. W tym przypadku kula ma 110 tys. lat świetlnych średnicy i obejmuje system cząstek.
Obróć
Tak wygląda złożenie strony podczas przewracania lub przeciągania.

Znajdowanie ramki

Gdy znajdziesz odpowiedni wiersz w narzędziu do śledzenia gry, znajdź główny cykl. Główny cykl wygląda jak powtarzający się w danych śledzenia wzór. Dane śledzenia możesz przeglądać za pomocą klawiszy W, A, S i D: A i D służą do przemieszczania się w lewo i w prawo (wstecz i do przodu w czasie), a W i S – do powiększania i pomniejszania danych. Jeśli gra działa z częstotliwością 60 Hz, główna pętla powinna być wzorcem powtarzanym co 16 milisekund.

Wygląda na to, że są 3 ramki wykonania.
Wygląda na to, że są 3 ramki wykonania

Po znalezieniu Heartbeat w grze możesz sprawdzić, co dokładnie robi Twój kod w każdej klatce. Używaj klawiszy W, A, S, D, aby powiększać obraz, aż będzie można odczytać tekst w polach funkcji.

Szczegóły dotyczące ramki wykonania
Szczegóły dotyczące wykonania

Przechodzenie między widokami za pomocą tłumaczeń

Przechodzenie między 2 widokami

Aby ułatwić sobie życie, załóżmy, że są 2 widoki: widok listy i widok szczegółów. Gdy użytkownik kliknie element listy w widoku listy, widok szczegółów przesunie się do przodu, a widok listy do tyłu.

Wyświetl hierarchię.

Aby uzyskać taki efekt, musisz utworzyć kontener dla obu widoków z ustawionym parametrem overflow: hidden. Dzięki temu 2 widoki mogą być wyświetlane obok siebie w kontenerze bez poziomych pasków przewijania, a każdy z nich może się przesuwać w poziomie w kontenerze w miarę potrzeby.