오랜 시간 해커뉴스(HN) 커뮤니티에서 인기를 끌었던 다양한 인터랙티브 웹 데모들이 멀티터치 환경에 맞춰 새롭게 태어났습니다. '메스머아이즈(Mesmereyes)'라는 이름의 이 프로젝트는 WebGL과 타입스크립트(TypeScript)를 활용해 개발되었으며, 사용자가 손가락으로 직접 만지고 조작하며 시각적 즐거움을 경험할 수 있도록 설계되었습니다. 현재 20가지 이상의 시각화가 공개되어 있으며, 100가지가 넘는 아이디어가 샌드박스 형태로 구현되어 있습니다.
메스머아이즈는 앤드류 호이어(Andrew Hoyer)의 천(cloth) 시뮬레이션, 버트 찬(Bert Chan)의 레니아(Lenia), 제프리 벤텔라(Jeffrey Ventrella)와 톰 모어(Tom Mohr)의 파티클 라이프(Particle Life) 등 과거 HN에서 큰 반향을 일으켰던 작품들에서 영감을 받았습니다. 개발자는 이 고전적인 데모들을 단순히 재현하는 것을 넘어, 여러 아이디어를 융합하고 수학 논문에서 새로운 영감을 얻어 독창적인 시각화들을 추가했습니다. 특히 터치 및 멀티터치 인터랙션에 최적화하여, 사용자가 화면을 직접 조작하며 물리 엔진이나 복잡한 패턴의 변화를 실시간으로 느낄 수 있도록 한 점이 특징입니다.
이 프로젝트는 단순히 눈을 즐겁게 하는 것을 넘어, 복잡한 수학적 개념과 물리 현상을 직관적으로 이해할 수 있는 교육적 도구로서의 잠재력도 가집니다. 사용자는 코딩 지식 없이도 파라미터를 변경하고 상호작용하며 추상적인 개념이 시각적으로 어떻게 구현되는지 탐구할 수 있습니다. 이는 웹 기술의 발전이 단순 정보 소비를 넘어, 몰입감 있는 인터랙티브 경험을 제공하는 방향으로 나아가고 있음을 보여주는 좋은 사례이며, 개발자들에게는 WebGL과 타입스크립트를 활용한 창의적인 웹 애플리케이션 개발에 대한 영감을 줄 수 있습니다.