Google 매트릭스 3D: 입체적인 코드 레인
👇 아래로 스크롤해 체험을 시작하세요!
핵심 정보
Google 매트릭스 3D에서 녹색 코드 레인이 가까운 층과 먼 층으로 나뉘어 흘러내립니다.
글구(elgooG)
2023-04-24
글구에서 체험 가능
이스터에그 체험하기
제작 배경
핵심 아이디어
1999년 이후 영화 매트릭스(The Matrix)의 코드 레인은 SF 영화에서 가장 또렷하게 기억되는 시각 신호 가운데 하나였습니다. 검은 배경 위를 흐르는 녹색 문자는 끝없는 기계 세계를 떠올리게 하며, 시리즈 전체의 분위기를 한순간에 전달합니다.
영감과 개발
출발점은 여전히 매트릭스입니다. 같은 녹색 디지털 레인을 따라가되, 이 버전은 앞뒤 공간을 더 벌려서 코드 레인이 조금 더 가까이, 조금 더 깊게 느껴지도록 만들었습니다.
이스터에그 경험
눈에 띄는 점
페이지를 열면 녹색 문자가 여러 깊이의 층으로 나뉘어 등장합니다. 가까이 지나가는 열도 있고 뒤쪽에서 천천히 흐르는 열도 있으며, 그 아래에는 Google 스타일의 홈페이지가 그대로 남아 있습니다. 로고와 버튼, 검색창도 비를 사이에 두고 또렷하게 보입니다.
작동 방식
이 효과는 홈페이지 위를 덮는 WebGL 캔버스로 실행됩니다. 2D 페이지와 같은 매트릭스 문자 텍스처를 쓰면서 3D 깊이 설정으로 열 사이 거리를 나누어, 한 장에 평평하게 붙은 느낌이 아니라 층이 갈라진 느낌을 만듭니다.
체험 방법
- 위 버튼을 눌러 Google 매트릭스 3D를 엽니다.
- 코드 레인이 가까운 층과 먼 층으로 나뉘어 떨어지는 모습을 봅니다.
- 녹색 문자가 계속 움직이는 동안에도 검색창은 그대로 쓸 수 있습니다.
- 2D Google 매트릭스로 돌아가고 싶다면 I'm Feeling Lucky를 누르세요.
Google 매트릭스 3D는 같은 비공식 트리뷰트를 더 입체적인 레이어 감각으로 보여 주는 변형입니다. 앞쪽과 뒤쪽 층을 강조하면서도 검색창은 그대로 쓸 수 있게 두어, 깊이감과 사용성을 함께 잡았습니다.
마무리
Google 매트릭스 3D는 잠깐 멈춰서 바라볼수록 더 좋습니다. 검색어를 입력하고, 밝은 녹색 열이 페이지 앞뒤를 지나가는 모습을 본 뒤, 더 차분한 평면형 2D 버전과 나란히 비교해 보세요.
자주 묻는 질문(FAQ)
Google 매트릭스 3D란 무엇인가요?
Google 매트릭스 3D는 Google 매트릭스의 코드 레인을 더 깊고 층감 있는 장면으로 바꾼 비공식 시각 트리뷰트입니다.
녹색 문자가 가까운 층과 먼 층 사이를 지나가면서, 홈페이지 전체가 빛나는 비 속에 들어간 것처럼 보이게 합니다.
그래도 본질은 여전히 시각 체험입니다. 점수도 승패도 없고, 검색창을 쓰면서 깊이감이 달라지는 모습을 보는 재미에 집중한 페이지입니다.
