[Showoff Saturday] Spearite: 무료 브라우저 기반 픽셀 아트 및 스프라이트 에디터 제작 (완전 클라이언트 사이드)

안녕하세요 r/webdev 여러분,

저는 Excalidraw의 즉각적인 캔버스 느낌과 Figma의 깔끔한 패널 레이아웃을 매우 좋아합니다. 저는 픽셀 아트와 게임 스프라이트 작업에서도 이와 동일한 낮은 마찰력(low-friction)의 경험을 원했습니다. 기본적으로 설치가 필요 없는 Aseprite의 워크플로우를 구현하고 싶었고, 그래서 Spearite를 만들었습니다.

이 도구는 완전히 브라우저 내에서 실행됩니다. 회원가입도, 서버도 필요 없습니다. 작업 내용은 로컬에 자동 저장되며, 프로젝트를 기기 간에 이동하려면 .spearite 파일을 내보낼 수 있습니다.

그리기 도구로는 연필(pencil), 버킷(bucket), 선(line), 사각형(rectangle), 타원(ellipse), 지우개(eraser), 영역 선택(marquee), 올가미(lasso), 그리고 선택을 위한 마법봉(magic wand)이 있습니다. 애니메이션은 어니언 스킨(onion skinning) 기능이 포함된 멀티 프레임 타임라인(multi-frame timeline) 방식입니다.

작업이 완료되면 Unity, Godot 또는 사용 중인 어떤 엔진에도 바로 적용할 수 있도록 JSON/XML 메타데이터가 포함된 PNG 스프라이트 시트(sprite sheets)로 내보낼 수 있습니다. 단축키는 Aseprite와 호환되므로(H/B/E/G 등), 기존의 근육 기억(muscle memory)을 그대로 사용할 수 있습니다.

현재 초기 v1 버전이며, 스프라이트와 애니메이션을 제작하는 게임 개발자들을 위해 만들어졌습니다. 한번 사용해 보시고 피드백이 있다면 알려주세요.

한번 사용해 보세요: https://spearite.com/