CONTENT2024.03기획, 디자인, 프론트엔드 개발
MAGI System
에반게리온의 MAGI 슈퍼컴퓨터 시스템을 웹으로 재현한 인터랙티브 팬 프로젝트
HTMLCSSJavaScript
/01 — VISUAL
FIG.01 — MAGI System
/02 — PROBLEM
문제 정의
에반게리온 MAGI 시스템의 시각적 인터페이스를 웹에서 체험할 수 있는 프로젝트가 없었습니다.
/03 — SOLUTION
해결 방법
HTML/CSS/JavaScript만으로 MAGI 슈퍼컴퓨터의 UI를 인터랙티브하게 재현했습니다.
/04 — FEATURES
주요 작업
- 01MAGI 3대 컴퓨터(MELCHIOR, BALTHASAR, CASPER) 시스템 재현
- 02인터랙티브 UI 인터페이스
- 03애니메이션 효과 및 사운드
- 04바닐라 JavaScript 구현 (프레임워크 미사용)
/05 — GALLERY
화면
