은하 건설
제 계획은 항성 데이터를 관련 맥락과 함께 제공할 수 있는 은하 모델을 절차적으로 생성하고자 했습니다. 은하수에서 우리 행성의 모습을 볼 수 있으면 좋겠네요.
은하수를 생성하기 위해 100,000개의 입자를 생성하고 은하의 팔이 형성되는 방식을 에뮬레이션하여 나선형으로 배치했습니다. 나선형 팔형은 수학적 모델이 아닌 표현 모델이기 때문에 구체적인 사항에 대해서는 걱정할 필요가 없었습니다. 하지만 나는 나선형 팔의 개수를 어느 정도 정확하고 '올바른 방향'으로 회전하려고 노력했습니다.
이후 버전의 은하수 모델에서는 은하의 평면 이미지를 통해 입자를 사용하는 것을 강조하지 않고 은하계의 평면 이미지로 은하 입자를 사용하여 사진을 더욱 풍요롭게 만들었습니다. 실제 이미지는 우리로부터 약 7천만 광년 떨어진 나선 은하 NGC 1232의 이미지로, 은하수처럼 보이도록 조작되었습니다.
프레임 찾기
게임의 추적 도구에서 올바른 행을 찾았다면 다음 단계는 기본 루프를 찾는 것입니다. 메인 루프는 추적 데이터에서 반복 패턴처럼 보입니다. W, A, S, D 키를 사용하여 추적 데이터를 탐색할 수 있습니다. A와 D는 왼쪽 또는 오른쪽 (시간에서 앞뒤로), W와 S로 데이터를 확대/축소합니다. 게임이 60Hz에서 실행되는 경우 기본 루프는 16밀리초마다 반복되는 패턴일 것으로 예상할 수 있습니다.
게임의 하트비트를 찾았으면 코드가 각 프레임에서 정확히 어떤 작업을 하는지 자세히 살펴볼 수 있습니다. W, A, S, D를 사용하여 함수 상자의 텍스트를 읽을 수 있을 때까지 확대합니다.
변환을 사용하여 뷰 간 이동
작업을 좀 더 쉽게 하기 위해 목록 뷰와 세부정보 뷰라는 두 가지 뷰가 있다고 가정해 보겠습니다. 사용자가 목록 뷰 내부의 목록 항목을 탭하면 세부정보 뷰가 슬라이드인되고 목록 뷰가 슬라이드 아웃됩니다.
이 효과를 얻으려면 overflow: hidden가 설정된 두 뷰의 컨테이너가 필요합니다. 이렇게 하면 두 뷰가 가로 스크롤바를 표시하지 않고 컨테이너 내부에 나란히 있을 수 있고 각 뷰는 필요에 따라 컨테이너 내부에서 나란히 슬라이드할 수 있습니다.