스카이라인 스윙

무엇을 하나요

• 줄 스윙 — 누르고 있으면 앞쪽 건물에 줄이 붙고, 떼면 그 속도 그대로 튀어 나갑니다.
• 웹 집 — 공중에서 점프하면 앞쪽 옥상 모서리로 휙 당겨지고, 닿는 순간 위로 튕겨 오릅니다.
• 벽 달리기·난간 넘기 — 빠르게 벽에 부딪히면 벽을 타고 올라가고, 옥상 바로 아래에 닿으면 난간을 넘어 올라섭니다.
• 미션 — 빛기둥 옥상 착지 +20초, 하늘색 고리 +3초, 도둑 드론 체포 +15초. 벽을 스치듯 지나가면 아슬아슬 보너스.
• 콤보 — 줄·웹 집·고리로 이어 갈수록 점수 배수가 오르고, 4.5초 끊기거나 도로에 닿으면 사라집니다.

조작

• PC — 마우스로 시점, 왼쪽 클릭(누르고 있기) 줄, 오른쪽 클릭·Space 점프와 웹 집, WASD 이동, Esc 일시정지
• 폰 — 왼쪽 아래 아무 데나 엄지를 대면 스틱이 생기고, 오른쪽 아래 웹·점프 버튼, 화면 드래그로 시점. 가로로 돌리면 더 넓습니다.
• 게임패드 — 왼쪽 스틱 이동, 오른쪽 스틱 시점, RT 줄, A 점프, Start 일시정지

이번 정식판에서 달라진 것

• 처음 한 판은 4단계 연습 — 다 익힐 때까지 시간이 흐르지 않습니다.
• 일시정지 메뉴와 설정 — 소리, 시점 감도, 그래픽 품질, 화면 흔들림.
• PC 마우스 조준(포인터 잠금)과 게임패드 지원.
• 옥상 착지·드론 체포 순간 슬로모션, 손끝 빛 궤적, 아슬아슬 보너스, 콤보 유지 게이지.
• 결과 등급(S~D)과 이 브라우저의 기록 TOP 5.
• 벽에 정면으로 박혀 멈추던 장면을 난간 넘기·벽 차기로 바꿨습니다. 같은 조건의 자동 비행 시험(8방향 × 1분)에서 벽에 박혀 멈추는 충돌이 10번에서 2번으로 줄었고, 옥상 착지 수는 그대로(24 → 25번)입니다.

만든 방법

three.js(웹 3D 엔진) 한 장면 안에 도시 144블록, 자동차·트럭, 보행자, 비둘기 떼, 신호등을 코드로 만들었습니다. 건물 창문과 간판, 길바닥 무늬는 모두 코드로 그렸고, 효과음도 녹음 없이 코드로 합성합니다. 주인공과 행인은 모션캡처 애니메이션이 들어간 3D 사람 모델을 쓰고, 줄을 잡는 팔과 다리 자세는 매 순간 계산해 맞춥니다. 색감은 직접 만든 색보정 표로 노을 톤을 잡았습니다.

사용한 공개 자원: 노을 하늘 HDR — Poly Haven(CC0), 사람 모델 — three.js 예제의 Soldier·Michelle(Mixamo 애니메이션).