Plushies는 웹에서 3D를 그리는 자바스크립트 라이브러리 Three.js 위에서 말랑한 인형 캐릭터를 그려 주는 오픈소스 라이브러리입니다. 라이선스는 MIT이고 만든 사람은 Patrick Rathje입니다. 인형 모양은 17가지이고, 눈과 안경, 모자가 몸 앞에 따로 떠 있으며, 눌렸다 늘어나는 움직임도 들어 있습니다.
npm 기록을 보면 plushies는 10월 3일에 처음 올라왔고 최신 버전은 0.1.0-alpha.0입니다. 10월 21일부터 27일까지 일주일 다운로드는 3회였습니다. 솔직히 지금 "뜨고 있다"고 말할 숫자는 아닙니다. 그래서 이 글은 확인된 흐름이 아니라, 눈에 띈 물건 하나를 관찰한 기록으로 읽어 주셨으면 합니다.
데모 페이지 첫 줄이 이 라이브러리를 거의 다 설명합니다. 하트, 별, 구름 같은 평평한 실루엣을 고르면 베개처럼 부풀리고 털을 입혀 줍니다. 패키지 설명에는 털이 껍질을 겹쳐 그리는 방식(shell-textured fur)이라고 적혀 있습니다.
아래 영상은 설치한 패키지로 직접 그린 장면입니다. 모양 17가지가 차례로 뛰어오릅니다. 막상 늘어놓으니 모양마다 인상이 꽤 다릅니다.
영상: plushies 0.1.0-alpha.0으로 직접 그렸습니다
몸 위에 얹는 것들이 따로 떠 있어서 눈과 입, 안경, 모자를 값만 바꿔 갈아 끼울 수 있습니다. 데모의 에디터에서는 모양, 천, 얼굴을 고르면서 바로 코드를 볼 수 있고, Hop, Squish, Blink, Surprise me 같은 버튼으로 움직임도 시험할 수 있습니다.
영상: plushies 0.1.0-alpha.0으로 직접 그렸습니다
이 글의 제목이 가리키는 부분은 별도 패키지 @plushies/cursors입니다. 인형 캐릭터가 자기만의 포인터, 이름표, 실시간 상태창을 달고 화면을 돌아다닙니다. AI 도우미가 지금 어디를 보고 무슨 일을 하는지 사람 눈에 보이게 하려는 부품입니다.
데모에는 디자인이 4가지(Live, Buddy, Island, Mixed), 따라다니는 캐릭터가 4종(Nobody, Pip, Biscuit, Moss) 있습니다. 영상 편집기, 디자인 파일, 웹사이트, 스프레드시트, 문서, 렌더 파이프라인 화면에서 도우미가 일하는 장면을 보여 줍니다.
영상: plushies와 @plushies/cursors로 직접 그렸습니다
| plushies | 0.1.0-alpha.0 | 인형 캐릭터 그리기 |
| @plushies/cursors | 0.1.0-alpha.2 | AI 도우미 커서 |
아직 알파이고 다운로드도 3회라서, 서비스 화면에 바로 넣겠다는 얘기는 아닙니다. 저라면 데모와 에디터만 만져 보겠습니다. 설치는 npm i plushies three인데, Three.js는 0.160 이상이 필요합니다.
그래도 눈이 가는 건 커서입니다. AI가 화면에서 무엇을 하는지 글로만 알려 주는 것보다, 이름이 붙은 캐릭터가 움직이면 훨씬 덜 불안하게 느껴질 수 있습니다. 이건 제 해석이고, 실제 사용자 반응은 이 기록에서 알 수 없습니다.