Google 블랙홀 효과
핵심 정보
- 요약
- 블랙홀 아이콘을 클릭하면 페이지가 가운데로 빨려 들어갔다가 천천히 한 조각씩 제자리로 돌아옵니다.
- 제작자
- 글구(elgooG),
Baidu에서 영감을 받음 - 출시일
- 2024
- 상태
- 글구에서 체험 가능
이스터에그 체험하기
제작 배경
핵심 아이디어
블랙홀 효과는 주변 물체가 한곳으로 끌려가는 이미지를 검색 결과 페이지에 적용한 시각 실험입니다.
아이콘을 클릭하면 링크와 글자, 이미지, 버튼이 화면 중앙으로 모여들며 페이지 전체가 변형됩니다.
영감과 개발
Baidu에는 검색 결과를 블랙홀로 빨아들였다가 다시 돌려놓는 효과가 있었습니다. 이 페이지는 그 아이디어를 Google 스타일의 결과 페이지에 적용해 만든 비공식 작품입니다.
체험 안내
눈에 띄는 점
처음에는 평범한 결과 페이지처럼 보입니다. 위에는 검색창이 있고, 링크가 가지런히 줄지어 있으며, 결과 옆에서 작은 블랙홀 아이콘이 계속 돌고 있습니다.
아이콘을 클릭하면 모든 것이 움직이기 시작합니다. 화면 한가운데에 블랙홀이 열리고, 페이지 조각들이 그쪽으로 끌려가면서 가까워질수록 작아지다가 하나씩 사라집니다. 그런 다음 블랙홀이 흐려지고 조각들이 돌아오면서 페이지가 원래대로 돌아옵니다.
작동 방식
글자와 이미지, 버튼 등 페이지 요소가 중앙으로 이동하면서 점차 작아지고 사라집니다.
페이지 전체가 중앙으로 수축한 뒤에는 애니메이션이 역순으로 진행됩니다. 요소들이 제자리로 돌아온 뒤 화면이 페이지 맨 위로 이동하고, 블랙홀 아이콘도 다시 나타납니다.
체험 방법
- 위 버튼을 눌러 검색 결과 페이지를 엽니다.
- 결과 옆에서 돌고 있는 작은 블랙홀 아이콘을 찾습니다.
- 아이콘을 클릭하거나 탭해 효과를 시작합니다.
- 화면 가운데의 블랙홀이 커지면서 글자, 그림, 링크, 버튼을 끌어당기는 모습을 봅니다.
- 블랙홀이 흐려지고 페이지 조각들이 제자리로 돌아올 때까지 지켜봅니다.
페이지가 중심에서 다시 펼쳐지면, 빨려 들어갔던 요소들이 역순으로 돌아옵니다. 원래 배치가 한 조각씩 다시 만들어지는 모습을 볼 수 있습니다.
마무리
화면 중앙뿐 아니라 가장자리도 살펴보세요. 탐색 메뉴와 페이지 하단까지 블랙홀에 빨려 들어갔다가 제자리로 돌아옵니다.
이스터에그 체험하기
자주 묻는 질문(FAQ)
블랙홀 효과는 무엇인가요?
블랙홀 효과(Black Hole Effect)는 검색 결과 안에 회전하는 블랙홀 아이콘을 넣어 둔 비공식 브라우저 애니메이션입니다.
아이콘을 클릭하면 화면 한가운데에 블랙홀이 열립니다. 글자와 그림, 링크, 버튼이 그쪽으로 끌려가며 작아지다가 사라집니다.
끌어당김이 끝나면 페이지가 조각조각 다시 돌아옵니다. 아이디어는 Baidu의 블랙홀 검색 트릭에서 왔고, 이 페이지는 이 웹사이트가 만든 비공식 효과입니다. Google에는 이런 기능이 없었습니다.
블랙홀은 어떻게 시작하나요?
위 버튼을 눌러 페이지를 연 뒤, 검색 결과 근처에서 돌고 있는 작은 블랙홀 아이콘을 찾으세요.
그 아이콘을 클릭하거나 탭하면 애니메이션이 저절로 재생됩니다. 끝나면 페이지가 원래대로 돌아오고 아이콘도 다시 나타나서, 한 번 더 해 볼 수 있습니다.
Google 중력이나 떠다니는 Google과 비슷한가요?
모두 Google 스타일 시각 트릭이지만 페이지를 움직이는 방식이 저마다 다릅니다. Google 중력은 조각들을 바닥으로 떨어뜨리고, 떠다니는 Google은 화면 안에서 둥둥 떠다니게 합니다.
블랙홀 효과는 페이지 전체를 하나의 어두운 점으로 끌어당겨 잠깐 사라지게 한 뒤, 모든 것을 원래 자리로 돌려놓습니다.
