3Blue1Brown의 수학 애니메이션 엔진 Manim, 이제 설치 없이 브라우저에서 돌아갑니다

설치 지옥 없이, 브라우저에서 바로 수학 애니메이션을

유튜브에서 수학 콘텐츠를 좀 찾아본 분이라면 3Blue1Brown이라는 채널을 아실 거예요. 선형대수, 미적분, 신경망 같은 어려운 개념을 부드럽게 움직이는 그래픽으로 풀어내는 채널인데요. 이 채널의 그 유명한 애니메이션들은 전부 운영자 그랜트 샌더슨이 직접 만든 파이썬 라이브러리, Manim(매님)으로 만들어져요. 영상 편집 프로그램이 아니라 코드로 애니메이션을 '프로그래밍'하는 거예요. 그런데 이 Manim을 아무 설치 없이 브라우저에서 바로 돌릴 수 있게 만든 프로젝트가 공개됐어요. 렌더링 엔진으로는 WebGPU를 쓰고요.

Manim의 악명 높은 진입 장벽

왜 이게 반가운 소식이냐면, Manim은 배우고 싶어도 시작하기가 정말 힘든 도구였거든요. 일단 파이썬 환경을 잡아야 하고, 수식 렌더링을 위해 LaTeX(레이텍, 논문 쓸 때 쓰는 조판 시스템) 배포판을 수 기가바이트씩 설치해야 하고, 영상 인코딩용 ffmpeg에 그래픽 라이브러리 의존성까지 챙겨야 해요. 게다가 버전이 두 갈래로 나뉘어 있어요. 그랜트 본인이 쓰는 ManimGL과 커뮤니티가 관리하는 Manim Community Edition이 따로 있어서, 검색해서 찾은 예제 코드가 내 환경에서 안 돌아가는 일이 부지기수였죠. '코드 한 줄 돌려보려다 하루가 다 갔다'는 후기가 괜히 나오는 게 아니에요.

워크플로도 느렸어요. 기존 Manim은 코드를 고치면 렌더링 명령을 돌려서 프레임을 뽑고, 그걸 영상으로 인코딩한 다음에야 결과를 볼 수 있었거든요. 수정하고 확인하는 피드백 루프가 길다 보니 미세 조정이 고역이었죠. 브라우저에서 실시간으로 렌더링되면 이 루프가 사실상 사라져요. 코드를 고치면 바로 화면에서 결과를 보는, Shadertoy나 CodePen 같은 즉각적인 경험이 되는 거예요.

WebGPU가 뭐냐면

여기서 WebGPU 이야기를 안 할 수 없는데요. WebGPU는 브라우저에서 GPU를 쓰게 해주는 새 표준이에요. 기존에도 WebGL이 있었지만, WebGL은 2011년경에 나온 OpenGL ES 기반이라 설계가 오래됐어요. WebGPU는 Vulkan, Metal, DirectX 12 같은 요즘 네이티브 그래픽 API의 설계를 브라우저로 가져온 거예요. 화면을 그리는 것 말고도 범용 GPU 계산을 시키는 컴퓨트 셰이더를 지원하고, 그리기 명령을 내리는 오버헤드도 훨씬 적죠. 크롬은 2023년 113 버전부터 기본 탑재했고, 이후 다른 브라우저들도 지원을 넓혀 왔어요. Manim처럼 수천 개의 점으로 이뤄진 벡터 도형을 매 프레임 부드럽게 변형해야 하는 작업에는 딱 맞는 기술이에요.

비슷한 도구들과 뭐가 다른가

코드로 영상을 만드는 도구가 Manim만 있는 건 아니에요. TypeScript 기반의 Motion Canvas, React 컴포넌트로 영상을 만드는 Remotion, 크리에이티브 코딩의 정석 p5.js 같은 선택지가 있죠. Manim의 차별점은 '수학'이에요. LaTeX 수식이 일급 시민이고, 좌표계·그래프·기하 도형 변환이 기본기로 들어 있어서 수학·알고리즘 설명 콘텐츠에는 대체재가 없다시피 해요. 그리고 이번 프로젝트는 더 큰 흐름의 일부로 볼 수도 있어요. 로컬 설치형 도구가 브라우저로 이주하는 흐름이요. Figma가 데스크톱 디자인 툴 시장에서 그랬고, vscode.dev가 편집기에서 그랬고, Pyodide와 JupyterLite가 파이썬 환경에서 그러고 있잖아요. '설치'라는 진입 장벽을 없애면 사용자 층이 완전히 달라진다는 걸 반복해서 보여준 패턴이죠.

한국 개발자에게 주는 시사점

당장 써먹을 곳이 많아요. 기술 블로그나 사내 발표에서 알고리즘 동작이나 시스템 구조를 움직이는 그림으로 보여주면 전달력이 확 달라지거든요. 정렬 알고리즘이 배열을 휘젓는 모습, 그래디언트가 언덕을 내려가는 모습 같은 건 글 열 줄보다 애니메이션 5초가 나아요. 교육 콘텐츠를 만드는 분들에게는 말할 것도 없고요. 그리고 WebGPU 자체도 지금 배워두면 값어치가 있어요. 브라우저에서 LLM을 돌리는 WebLLM 같은 온디바이스 AI, 웹 게임, 대규모 데이터 시각화까지 활용처가 빠르게 넓어지고 있는 기술이거든요.

정리하면, 수학 애니메이션의 표준 같은 도구가 설치 장벽을 벗고 브라우저로 들어왔다는 소식이에요. 여러분이라면 어떤 개념을 애니메이션으로 만들어보고 싶으세요? 면접 준비하며 봤던 알고리즘? 팀원들에게 설명하다 포기했던 시스템 아키텍처?