새로 구축한 서버에 404 오류 페이지를 설정하다가
그 시절의 추억을 떠올리며 매트릭스 느낌을 구현했습니다.
바이브 코딩이 참 좋은 것이
주거니 받거니 하면서 자꾸 자꾸 뭔가 기능이 늘어나기 시작합니다.
처음에는 진짜 글자만 내려오면 마무리 하려고 했는데…
글꼴, 크기, 속도, 색상을 바꾸니
마우스 움직임과 화면에 메시지도 넣게되었습니다.
쉬는 시간에 화면 보호기로 쓰면 되겠어요.
아예 한글+영어로 글자를 뿌려서
한국을 좋아하는 외국인을 위한 버전을 만들거나
MacOS, Windows 용 화면 보호기 앱을 만들어도 좋겠다는 생각입니다.
실시간 데모 : https://ai.jvisualschool.com/404_matrix/
다운로드 : https://github.com/jvisualschool/404_matrix/
1999년 개봉한 매트릭스는 다시 보아도 명작입니다.
🎬 매트릭스 디지털 레인 효과
- 매트릭스 영화의 상징적인 디지털 비 애니메이션
- 한글 단어와 영문 번역을 세로쓰기로 표시
- 부드러운 문자 전환 및 색상 효과
- 속도 조절 가능 (정지 옵션 포함)
🌏 다국어 지원
- 한국어와 English 언어 토글 기능
- 모든 UI 요소의 실시간 언어 전환
- 현지화된 404 메시지 및 인터페이스 텍스트
- [한글|Eng] 토글 버튼으로 간편한 언어 선택
🎨 커스터마이징 가능한 테마
- 녹색 (클래식 매트릭스)
- 황색 (레트로 터미널)
- 회색 (모노크롬)
- 파도 효과와 함께하는 부드러운 색상 전환
⚙️ 고급 설정 패널
- 글꼴 선택: 10가지 한글 및 영문 글꼴 지원
- Noto Sans Korean, 맑은 고딕, 나눔고딕, 나눔명조
- 나눔펜스크립트, 주아, 감자꽃, 도현, 검은고딕, Courier New
- 글꼴 크기: 12px~24px 조절 가능
- 애니메이션 속도: 0~10단계 (0 = 정지)
- 캔버스 크기: 전체화면, 고정크기, 사용자정의