Google 블랙홀 효과 체험

블랙홀 효과(Black Hole Effect)는 화면 장난으로 쓰기 좋은 소재입니다. 가운데에 어둡고 강한 점 하나만 있어도, 주변의 모든 것이 거기로 빨려 들어갈 것처럼 보이기 때문입니다. 이 페이지는 그 이미지를 익숙한 검색 결과 레이아웃 위에 올려, 인터페이스 전체를 효과의 일부로 만듭니다.

농담은 단순하고 시각적입니다. 차분하게 정리된 결과 페이지가 블랙홀을 만나면, 링크와 글자, 이미지와 버튼까지 모두 갑자기 다른 목적지를 얻은 것처럼 보입니다.

아이디어의 불씨는 Baidu 쪽 검색 트릭에서 왔습니다. 어떤 검색은 결과 페이지를 휘게 하거나 돌게 하거나, 블랙홀 속으로 무너지게 만들었습니다. 이 버전은 그 발상을 익숙한 Google 스타일 결과 페이지 위에서 비공식 효과로 다시 만든 것입니다.

예전에 Google이 제공했다가 사라진 기능은 아닙니다. 회전하는 아이콘 하나, 또렷한 한 번의 붕괴, 그리고 빨려 들어가는 힘이 끝난 뒤 조심스럽게 돌아오는 복원까지, 한 사이클의 리듬에 집중한 인터페이스 묘기입니다.

페이지는 처음에는 평범한 결과 화면처럼 시작합니다. 위에는 검색창이 있고, 링크는 가지런히 놓여 있으며, 결과 옆에서는 작은 블랙홀 아이콘이 계속 천천히 돕니다.

그 아이콘을 클릭하거나 탭하면 조용하던 페이지가 움직이기 시작합니다. 화면 한가운데 블랙홀이 열리고, 페이지 조각들은 안쪽으로 떠밀리며 중심에 가까워질수록 작아지고, 하나씩 사라집니다. 이어서 블랙홀이 흐려지고, 조각들이 돌아오며, 페이지도 다시 원래 모양을 찾습니다.

이 효과는 화면에 보이는 페이지 조각들을 작은 종잇조각처럼 다룹니다. 각 조각은 중심으로 끌려가고, 블랙홀에 가까워질수록 축소되며, 잠깐 동안 숨겨집니다.

페이지 래퍼 자체가 중심으로 접힌 뒤에는 애니메이션이 반대로 흐릅니다. 래퍼가 다시 커지고, 숨겨졌던 조각들이 순서대로 돌아오며, 페이지는 다시 한 번 플레이할 수 있도록 위쪽 근처에서 자리를 잡습니다.

매력은 단순하고 바로 느껴집니다. 한 번만 눌러도 검색 결과 페이지가 작은 우주 장면처럼 접혀 사라졌다가, 잠시 뒤 다시 돌아옵니다.