손글씨 애니메이션 제작은 그동안 많은 시간과 노력이 필요한 작업이었습니다. 이러한 비효율성을 해소하기 위해 '테가키(Tegaki)'라는 오픈소스 손글씨 애니메이션 라이브러리 및 생성기가 공개되어 개발자들의 주목을 받고 있습니다. 테가키는 어떤 폰트든 글리프의 획과 순서, 너비 정보를 추출하여 실제 텍스트 위에 캔버스 형태로 손으로 쓰는 듯한 애니메이션을 구현합니다. 이는 자동화 시대에 수동 작업을 줄여주는 혁신적인 접근 방식입니다.
테가키는 폰트 글리프의 뼈대(skeleton)를 추출하고, 이를 허쉬(Hershey)나 칸지VG(KanjiVG)와 같은 알려진 획 순서 데이터와 매칭하여 애니메이션에 필요한 포맷을 생성합니다. 이렇게 만들어진 데이터는 클라이언트 측 렌더러가 렌더링하며, 렌더러는 플러그인을 지원하여 폰트 스타일을 변경하거나 획 데이터를 다양하게 활용할 수 있도록 합니다. 예를 들어, 획에 변화를 주거나, 학습 애플리케이션을 위한 획 순서 및 방향 가이드를 추가할 수 있습니다. 특히 한국어 나눔 펜 스크립트(Nanum Pen Script)를 포함한 다국어 폰트를 지원하며, 하프버즈(HarfBuzz)로 텍스트를 정확하게 처리하여 복잡한 언어에서도 자연스러운 애니메이션을 제공합니다. 또한, 리액트(React), 스벨트(Svelte), 뷰(Vue) 등 다양한 프레임워크와 바닐라 자바스크립트(Vanilla JavaScript)를 위한 어댑터를 제공하여 개발 편의성을 높였습니다.
이 라이브러리는 웹사이트에 동적인 요소를 추가하거나, 교육 콘텐츠에서 글자 쓰는 법을 시각적으로 보여주는 등 폭넓게 활용될 수 있습니다. 특히 텍스트가 실제 DOM 텍스트 위에 그려지므로, 선택, 복사, 스크린 리더 읽기 기능이 그대로 유지된다는 점이 큰 장점입니다. 또한, 실시간으로 텍스트를 스트리밍하여 입력되는 즉시 손글씨 애니메이션으로 보여주는 기능은 대화형 애플리케이션이나 AI 비서 등에서 사용자 경험을 크게 향상시킬 수 있습니다. 테가키는 개발자들이 창의적인 아이디어를 손쉽게 구현하고, 사용자들에게 더욱 몰입감 있는 시각적 경험을 제공할 수 있는 강력한 도구가 될 것입니다.