갤럭시 빌드
별 데이터를 맥락에 맞게 배치할 수 있는 은하 모델을 절차적으로 생성하여 은하계에서 우리가 차지하는 위치를 멋지게 보여주는 것이 목표였습니다.
은하수를 생성하기 위해 10만 개의 입자를 생성하고 은하계의 팔이 형성되는 방식을 모방하여 나선형으로 배치했습니다. 수학적 모델이 아닌 표현적 모델이므로 나선 팔 형성의 세부사항에 대해서는 크게 신경 쓰지 않았습니다. 하지만 나선 팔의 수를 대략적으로 맞추고 '올바른 방향'으로 회전하도록 했습니다.
은하수 모델의 후반 버전에서는 입자를 강조하지 않고 입자와 함께 표면 이미지를 사용하여 더 사진 같은 느낌을 주려고 했습니다. 실제 이미지는 약 7천만 광년 떨어진 나선 은하 NGC 1232이며, 은하수가 보이도록 이미지를 조작한 것입니다.
프레임 찾기
게임의 추적 도구에서 올바른 행을 찾은 후에는 다음 단계로 기본 루프를 찾습니다. 기본 루프는 추적 데이터에서 반복되는 패턴처럼 보입니다. W, A, S, D 키를 사용하여 추적 데이터를 탐색할 수 있습니다. A와 D는 왼쪽 또는 오른쪽으로 이동 (시간 앞뒤로 이동)하고 W와 S는 데이터를 확대/축소합니다. 게임이 60Hz로 실행되는 경우 기본 루프는 16밀리초마다 반복되는 패턴이어야 합니다.
게임의 하트비트를 찾으면 각 프레임에서 코드가 정확히 무엇을 하는지 파악할 수 있습니다. W, A, S, D를 사용하여 함수 상자의 텍스트를 읽을 수 있을 때까지 확대합니다.
번역을 사용하여 뷰 간에 이동
편의를 위해 목록 뷰와 세부정보 뷰라는 두 가지 뷰가 있다고 가정해 보겠습니다. 사용자가 목록 보기 내의 목록 항목을 탭하면 세부정보 보기가 안으로 밀려 들어가고 목록 보기가 밖으로 밀려 나갑니다.
이 효과를 얻으려면 두 뷰 모두에 overflow: hidden가 설정된 컨테이너가 필요합니다. 이렇게 하면 두 뷰가 모두 컨테이너 내부에 나란히 배치될 수 있으며, 가로 스크롤바를 표시하지 않아도 됩니다. 또한 각 뷰는 필요에 따라 컨테이너 내에서 좌우로 슬라이드할 수 있습니다.