게임 에셋 스튜디오 · 스프라이트 시트·아틀라스·오토타일
그림과 엔진 사이의 단계: 스프라이트 시트는 피벗과 박스가 있는 태그 애니메이션으로, 프레임은 아틀라스로, 오토타일 시트는 지형 세트로 — 엔진이 직접 불러와 확인한 파일로 내보냅니다.
스프라이트 시트, 번호 붙은 프레임, GIF·APNG 또는 .aseprite 파일을 끌어다 놓으세요
브라우저에서 처리하며 파일은 업로드되지 않습니다.
내보내기 대상
- Godot 4검증됨· Godot 4.7.2
- Unity 6검증됨· Unity 6000.5.3f1
- Phaser 3 / 4검증됨· Phaser 3.90 + 4.2
- PixiJS 8검증됨· PixiJS 8.21
- Aseprite JSON검증됨· Phaser load.aseprite · PixiJS 8.21
- .aseprite검증됨· Aseprite 1.3.18
- Spine / libGDX검증됨· spine-canvas 4.2
- Starling / Sparrow XML검증됨· Phaser 4.2
- LÖVE검증됨· LÖVE 11.5
- Defold빌드 확인· Defold bob.jar 1.13.1
- GameMaker미검증
- CSS sprites검증됨· Chromium
- GIF / APNG디코딩 확인· Pillow
스프라이트와 애니메이션
- 스프라이트 시트 자르기 · 프레임 분할스프라이트 시트를 프레임으로 자르세요. 격자·여백·간격을 픽셀에서 측정하고 행을 애니메이션으로 나눠 Godot·Unity·Phaser로 내보냅니다. 무료, 업로드 없음.
- 스프라이트 시트 편집기 · 자르기·애니메이션·엔진 내보내기게임 스프라이트 편집기: 시트를 자르고 애니메이션 태그·프레임별 시간·피벗·히트박스를 정한 뒤 검증된 Godot·Unity·Phaser·PixiJS·LÖVE 파일로 내보내세요.
- 스프라이트 프레임 정렬 · 애니메이션 떨림 보정모든 애니메이션 프레임을 같은 캔버스 크기와 기준점에 맞추고, 프레임 사이 흔들림을 측정해 고칩니다. 정수 픽셀 이동만, 크기 변경 없음. 무료, 브라우저에서.
- 스프라이트 애니메이션 미리보기 · 프레임·태그·재생 시간프레임별 재생 시간, 반복·핑퐁·반복 횟수, 어니언 스킨, 선명한 미리보기 창으로 스프라이트 애니메이션을 재생하고 GIF·APNG·엔진 파일로 내보내세요.
- 스프라이트 피벗(기준점) 편집기 · 프레임별 원점모든 스프라이트 프레임의 피벗(원점)을 픽셀 격자 위에 정하고 Godot·Unity·PixiJS anchor·Aseprite 슬라이스·GameMaker origin으로 내보내세요. 무료, 업로드 없음.
- 히트박스 편집기 · 프레임별 히트·허트 박스애니메이션 프레임마다 히트박스와 허트박스를 그리세요. 사각형·원·폴리곤, 같은 id로 태그 전체에 복사. Aseprite 슬라이스·Godot·Unity·JSON으로 내보내기. 무료.
- 충돌 폴리곤 생성기 · 스프라이트 투명도 기반스프라이트 프레임의 투명한 가장자리를 따라 충돌 폴리곤을 만드세요. 원하는 꼭짓점 수로 제한하고 한 프레임 또는 애니메이션 전체에 적용. 점 편집, 프레임과 함께 내보내기.
- 스프라이트 시트 GIF 변환 · 애니메이션마다 GIF 하나스프라이트 시트를 움직이는 GIF로 바꾸세요. 프레임을 자르고 프레임별 시간을 정해 애니메이션마다 투명 배경 GIF(또는 원본 그대로의 APNG)로 내보냅니다. 무료, 선명하게, 업로드 없음.
- Aseprite를 Godot 4로 · 플러그인 없이 SpriteFrames 만들기.aseprite 파일을 브라우저에서 열어 Godot 4 SpriteFrames .tres, AnimatedSprite2D 씬, 픽셀아트용 가져오기 설정으로 내보내세요. 태그·시간·피벗 유지. Aseprite 설치 불필요.
- Aseprite를 Unity 6으로 · 스프라이트와 애니메이션 클립.aseprite 파일을 브라우저에서 Unity 6 스프라이트와 AnimationClip으로 바꾸세요. Point 필터, 압축 없음, 프레임별 피벗, 태그마다 클립 하나. Unity 6000.5 배치 모드로 확인.
- Aseprite를 Phaser 3·4로 · 아틀라스와 애니메이션 JSON.aseprite 애니메이션을 Phaser 3·4용으로 내보내세요. anims.fromJSON용 anims.json이 있는 TexturePacker 아틀라스 또는 load.aseprite·createFromAseprite용 Aseprite JSON. 3.90·4.2에서 검증.
- Godot 4 스프라이트 시트 가져오기 · 손으로 자르지 않는 SpriteFrameshframes·vframes를 추측하지 않고 스프라이트 시트를 Godot 4로 가져오세요. 격자를 측정하고 행을 시간 있는 애니메이션으로 만들어, Godot가 불러와 확인한 SpriteFrames .tres와 씬을 줍니다.
- 유니티 스프라이트 시트 자르기 · Unity 6 스프라이트와 클립격자가 한 칸씩 밀리는 문제 없이 Unity 6용 스프라이트 시트를 자르세요. 측정한 칸, 프레임별 피벗, Point 필터·무압축, 애니메이션마다 AnimationClip 하나. Unity 6000.5에서 확인.
- GameMaker 스프라이트 스트립 만들기 · 애니메이션마다 _stripN스프라이트 시트를 GameMaker 스트립 이미지로 바꾸세요. 애니메이션마다 피벗 기준으로 칸을 맞춘 spr_<이름>_<태그>_stripN.png 하나와 origin·속도 JSON. GameMaker 자체에서는 미검증.
- 스프라이트 시트 배경 제거 · 마젠타·단색 배경을 투명하게스프라이트 시트를 가져오면서 마젠타·초록·단색 배경을 투명하게 바꾸세요. 신뢰도가 표시되고 되돌릴 수 있는 결정이며, 그다음 프레임을 자릅니다. 원본 픽셀 보관. 업로드 없음.
아틀라스와 내보내기
- 스프라이트 시트 만들기 · 프레임을 아틀라스로 패킹MaxRects·트림·중복 제거·가장자리 확장·다중 페이지로 프레임을 스프라이트 시트에 패킹하고, 엔진에서 검증한 Godot·Unity·Phaser·PixiJS·Spine·LÖVE·Defold 파일로 내보내세요. 무료.
- GIF 스프라이트 시트 변환 (프레임 시간 유지)움직이는 GIF·APNG를 모든 프레임과 지연 시간을 유지한 스프라이트 시트로 바꾸고, Phaser·PixiJS·Godot·Unity용 PNG+JSON으로 내보내세요. 브라우저에서, 업로드 없음.
- 무료 텍스처 패커 · 브라우저에서 쓰는 TexturePacker 대안MaxRects·트림·회전·중복 제거·가장자리 확장·다중 페이지·배율 변형을 갖춘 무료 텍스처 패커. 검증 방법이 표시된 엔진별 내보내기. 라이선스 제한·워터마크·업로드 없음.
- Godot 픽셀아트가 흐릿할 때 · 선명하게 유지하는 가져오기 설정Godot 4에서 픽셀아트가 흐리거나 색이 바뀌는 이유와 Studio의 Godot 번들이 대신 설정하는 것: Nearest 필터, 무손실 가져오기, 밉맵 없음, fix_alpha_border 끔. Godot 4.7.2에서 확인.
- Phaser 텍스처 아틀라스 생성기 · 아틀라스 JSON과 애니메이션프레임·GIF·.aseprite 파일을 Phaser 3·4 텍스처 아틀라스로 패킹하세요. JSON 해시나 multiatlas와 anims.fromJSON용 anims.json. Phaser 3.90·4.2에서 검증. 무료, 업로드 없음.
- PixiJS 스프라이트시트 JSON 생성기 · 애니메이션·앵커·배율PixiJS 8 스프라이트시트를 만드세요. 패킹된 PNG와 animations 맵, 피벗에서 온 프레임별 anchor, @2x 변형에 맞는 meta.scale, related_multi_packs가 든 JSON. PixiJS 8.21에서 검증.
- Defold 아틀라스 내보내기 · 프레임으로 .atlas와 .tilesource프레임이나 스프라이트 시트를 애니메이션 그룹이 든 Defold .atlas와 .tilesource로 내보내세요. 프로젝트에 바로 넣을 폴더 구조. Defold bob.jar 1.13.1로 빌드하고 텍스처 UV를 다시 읽어 확인.
- LÖVE(Love2D) 스프라이트 아틀라스와 쿼드 · 영역 수작업 없이LÖVE용으로 스프라이트를 패킹하세요. 아틀라스 PNG, 피벗과 애니메이션 시간이 든 Lua 쿼드 테이블, 작은 헬퍼 모듈, 재생하는 main.lua. LÖVE 11.5에서 검증, 4배 확대에서도 선명.
- Spine·libGDX 아틀라스 패커 · 회전과 트림이 든 .atlas이미지를 Spine이나 libGDX용 .atlas로 패킹하세요. 영역, 아래 기준 오프셋, 반시계 방향으로 저장되는 rotate:90, 트림 영역. Spine 런타임 spine-canvas 4.2가 모든 영역을 그림. libGDX 자체는 미실행.
- 스프라이트시트·XML 생성기 · Starling / Sparrow XMLStarling / Sparrow XML(FNF에서 말하는 "spritesheet and XML") 스프라이트시트를 만드세요. frameX·frameY와 피벗이 든 트림 프레임. Phaser 4.2에서 검증, Phaser 3.90은 트림 끈 프리셋 필요.
- CSS 스프라이트 생성기 · 선명한 스프라이트 시트와 클래스아이콘이나 게임 스프라이트를 PNG 한 장으로 패킹하고 클래스가 든 CSS와 미리보기 HTML을 받으세요. image-rendering: pixelated로 도트가 선명합니다. 모든 클래스를 Chromium에서 확인.
타일셋과 오토타일
- 오토타일 타일셋 편집기 · Godot·Tiled·Unity 지형 비트오토타일 시트의 배치를 픽셀에서 인식하고 지형 비트를 정한 뒤, 빠진 조합을 점검하고 Godot 4 TileSet·Tiled Wang 세트·Unity Rule Tile·LDtk 규칙으로 내보내세요.
- 오토타일 테스트 · Godot 규칙으로 테스트 맵 칠하기오토타일 세트로 테스트 맵을 칠하고 Godot 4나 Tiled가 실제로 그릴 결과를 확인하세요. 빈칸과 대체된 타일을 칸마다 표시하고 이유를 설명합니다. 무료, 브라우저에서.
- 타일셋 자르기 · 타일 크기·여백·간격 자동 감지타일셋의 타일 크기·여백·간격을 픽셀에서 찾고 빈 타일을 세어, Godot 4 TileSet·Tiled 타일셋·Unity 타일·LDtk 프로젝트로 만드세요. 무료, 업로드 없음.
- Godot 4 오토타일·지형 세트 생성기 · 피어링 비트 자동 설정오토타일 시트를 지형 피어링 비트가 설정된 Godot 4 TileSet으로 만드세요. 배치를 픽셀에서 인식하고, 빠진 타일을 알려 주고, Godot 매칭 규칙 그대로 테스트 맵을 칠합니다.
- RPG 만들기 오토타일을 Godot·Tiled·Unity로 (A2 → 47타일)RPG 만들기 MV/MZ의 A2·A4 오토타일 블록에서 4분할 조각을 그대로 복사해 47타일 블롭 세트를 조립하고, Godot 4 지형·Tiled Wang 세트·Unity Rule Tile로 내보내세요.
- 47타일 블롭 타일셋 · 배치 인식·점검·생성내 시트는 어느 47타일 블롭 배치일까요? cr31, wang blob 7×7, caeles, GameMaker, Godot 3 순서를 픽셀에서 알아내고, 빠진 타일을 찾고, 기본 블록으로 세트를 만들어 내보내세요.
- 듀얼 그리드 타일셋 · 47개 대신 16개, Godot·Tiled용듀얼 그리드(모서리 16) 타일셋을 만들고 시험하세요. 여러 지형이 든 듀얼 그리드 팩 인식, 기본 블록에서 생성, 테스트 맵 칠하기, Godot 4 지형이나 Tiled 모서리 Wang 세트로 내보내기.
- Tiled Wang 세트 내보내기 · 오토타일 시트로 지형 세트 만들기오토타일 시트를 Wang 세트(혼합·변·모서리)가 채워진 Tiled .tsx와 샘플 .tmx 맵으로 내보내세요. 모든 Wang ID를 Tiled 1.12.2가 직접 다시 읽어 확인했습니다.
- 유니티 룰 타일 만들기 · 47·16 타일셋, 규칙 수작업 없이블롭 47이나 변 16 타일셋을 규칙 47개를 손으로 정하지 않고 Unity 6 Rule Tile로 만드세요. 편집기 스크립트가 스프라이트를 자르고 지형마다 Rule Tile을 만듭니다. Unity 6000.5에서 확인.
- 오토타일 시트로 LDtk 오토 레이어 규칙 만들기오토타일 시트를 LDtk 1.5.3 프로젝트로 내보내세요. 지형마다 IntGrid 값, 타일마다 3×3 규칙 하나, 샘플 레벨. 일부 검증: LDtk 스키마·공식 로더·규칙 재실행. LDtk 앱에서는 열지 않음.
도트와 팔레트
- 도트 팔레트 고정 · 모든 프레임에 하나의 팔레트모든 애니메이션 프레임을 하나의 도트 팔레트에 고정하세요. 모든 프레임에서 팔레트를 추출하고, 깜박임 없이 디더링하고, 램프를 바꾸고, PNG 프레임과 .gpl로 내보냅니다. 업로드 없음.
- 도트 팔레트 추출 · .gpl·HEX·JSON 내보내기도트 그림이나 스프라이트 프레임에서 색별 픽셀 수와 함께 팔레트를 추출하고, 정렬하고, 색 예산을 점검해 GIMP .gpl·Lospec HEX·JSON으로 내보내세요. 무료, 브라우저에서.
- 스프라이트 팔레트 교체 · 램프 재채색과 팀 색상색 하나가 아니라 명암 램프 전체를 옮겨 도트 스프라이트를 다시 칠하세요. 팀 색상 변형, 색상 범위 교체, 상태 색조(얼음·독)가 모든 명암 단계를 유지합니다. 업로드 없음.
- 도트 정리 · 안티앨리어싱과 튀는 픽셀 제거도트를 정리하세요. 실루엣을 움직이지 않고 안티앨리어싱된 가장자리 픽셀을 팔레트로 맞추고, 튀는 픽셀·작은 덩어리·한 칸 구멍·외곽선 틈을 먼저 찾아 보여 준 뒤 고칩니다.
- 픽셀 퍼펙트 검사 · 배율·흐림·격자 어긋남 감지도트가 픽셀 퍼펙트인지 확인하세요. 정수 배율과 격자 오프셋을 정확히 찾고, 비정수 배율을 추정하고, 흐려진 가장자리 픽셀을 세고, 깨끗한 격자가 있으면 1배 원본을 복원합니다.
- Lospec 팔레트를 도트와 스프라이트 프레임에 적용스프라이트를 Lospec 팔레트로 다시 칠하세요. HEX 목록·.gpl·JSON을 붙여 넣거나 가져오고, 디더링 여부를 골라 모든 프레임을 고정한 뒤, 모든 색이 팔레트 안에 있는 PNG 프레임을 내보냅니다.
- AI·확대된 도트 정리 · 팔레트·안티앨리어싱·배율아무것도 생성하지 않고 AI가 만든 도트나 크기를 바꾼 도트를 정리하세요. 팔레트 고정, 안티앨리어싱 가장자리 맞춤, 튀는 픽셀 제거, 실제 배율과 흐림 측정. 격자가 어긋난 픽셀을 다시 맞추지는 않습니다.
- AI 없는 도트 확대 · 정수 배율 최근접 1×~8×도트를 정수 배율(2×~8×) 최근접 방식으로 확대하세요. 모든 픽셀이 깨끗한 블록이 되며 부드럽게 하거나 AI를 쓰지 않습니다. 검사기가 먼저 이미 확대된 이미지인지 알려 줍니다.
텍스처·노멀맵·PBR
- PBR 텍스처 점검 · 브라우저에서 머티리얼 세트 검사가져오기 전에 PBR 텍스처 세트를 점검하세요. 파일 이름으로 맵 역할 판별, 워크플로별 누락 맵, 크기 불일치, 패킹된 맵, 노멀맵 유효성, 색 공간 안내와 JSON 보고서.
- 텍스처 채널 분리 · RGBA·ORM을 회색 맵으로패킹된 텍스처(ORM·마스크 맵·RGBA)를 정확한 단일 채널 PNG로 나누세요. 캔버스라면 버렸을 완전히 투명한 픽셀 아래의 색도 유지합니다. 브라우저에서.
- 노멀맵 변환 · OpenGL ↔ DirectX (초록 채널 반전)초록 채널만 뒤집어 노멀맵을 OpenGL(+Y: Unity·Godot·Blender)과 DirectX(−Y) 사이에서 변환하세요. 완전히 되돌릴 수 있고, 벡터가 단위 길이인지 검증합니다.
- PBR 텍스처 검사기 · 이름·크기·누락 맵 점검PBR 텍스처의 이름과 구성을 검사하세요. 메탈릭/러프니스나 스페큘러 워크플로에 아직 필요한 맵, 크기 불일치, 2의 거듭제곱이 아닌 맵, 일관되지 않은 이름을 JSON 보고서로.
- 텍스처 가장자리 번짐 · 투명 스프라이트의 검은 테두리 해결투명한 스프라이트와 텍스처 주변의 검은·흰 테두리를 없애세요. 알파는 건드리지 않고 가장자리 색을 완전히 투명한 텍셀로 번지게 하고(2~16px), 밉맵 결과를 미리 봅니다.
- 2D 노멀맵 생성기 · 높이나 스프라이트 밝기로Sobel·Scharr·Sobel 5×5, OpenGL 또는 DirectX 규약, 반복 텍스처용 wrap으로 높이 맵이나 스프라이트의 밝기·알파에서 노멀맵을 만드세요. 단위 길이 벡터.
- ORM·마스크 맵 패커 · Unity·Godot·glTF 채널 패킹회색 맵들을 한 텍스처로 패킹하세요. Unity HDRP 마스크 맵, URP 메탈릭/스무스니스, glTF·Godot용 ORM, 임의 채널 배치와 반전. 알파 0 아래의 바이트도 유지합니다.
- 도트 노멀맵 생성기 · 스프라이트 밝기나 알파로스프라이트의 밝기나 알파로 2D 조명용 노멀맵을 만드세요. Sobel·Scharr·Sobel 5×5, OpenGL 또는 DirectX, 단위 길이 벡터. 경사(베벨)가 아니라 높이 기울기이며, 엔진 가져오기는 미시험.
- 러프니스를 스무스니스로 변환 · Unity용 채널 반전러프니스 맵을 Unity URP·HDRP가 기대하는 스무스니스 맵으로 바꾸세요. 채널을 정확히 반전(255 − 값)하고 투명 픽셀 아래 바이트를 유지한 뒤 마스크 맵으로 패킹합니다. 브라우저에서.
게임 UI와 비트맵 폰트
- 게임 UI 에셋 랩 · UI 시트를 여백 있는 아틀라스로투명한 UI 시트를 이름 붙은 요소와 여백 있는 UI 아틀라스로 만들고, 요소마다 나인 슬라이스 테두리, 버튼 상태, 비트맵 폰트를 만든 뒤 크기·앵커·텍스트 넘침·대비를 점검하세요.
- 9슬라이스 편집기 · Godot·Unity용 나인 패치 테두리UI 패널에 나인 슬라이스(9패치) 테두리를 정하세요. 동일한 열·행에서 자동 제안, 가이드 드래그·입력, 어떤 크기로든 늘이기·반복 미리보기, Godot·Unity용 값 내보내기.
- 버튼 상태 생성기 · hover·pressed·disabled·focusPNG 하나로 게임 UI 버튼의 hover·pressed·disabled·focus 변형을 만드세요. 보이고 수정할 수 있는 연산, 패킹된 스트립, 사용한 모든 값을 기록한 JSON.
- 누락 글리프 검사 · 현지화 텍스트와 비트맵 폰트 비교현지화 파일에 쓰였지만 비트맵 폰트(.fnt)에 없는 글자를 모두 찾으세요. 텍스트를 붙여 넣거나 .po·.json·.csv·.tsv·.txt를 넣으면 빠진 글자와 개수·줄 번호를 보여 줍니다.
- 게임 UI 배율 미리보기 · 해상도·앵커·안전 영역Godot 방식 앵커, 90% 타이틀 세이프와 사용자 안전 영역, 정수·비정수 배율, 한·영·일 텍스트 넘침, WCAG 대비로 UI 요소를 720p~4K, 4:3~21:9에서 미리 보세요.
- 비트맵 폰트 생성기 · 시트나 TTF로 BMFont .fnt 만들기비트맵 폰트를 만드세요. 글리프 시트(고정 격자·측정 폭)나 기기의 TTF/OTF로 font.png + BMFont 텍스트 .fnt + JSON을 내보내고, SDF(베타)도 선택할 수 있습니다. 업로드 없음.
타일 자르기·여백·이음새
- 심리스 텍스처 검사 · 반복 이음새 찾고 고치기텍스처나 타일이 이음새 없이 반복되는지 확인하세요. 2×2·3×3 반복 미리보기, 타일 내부와 비교한 가장자리 차이, 히트맵, 선택형 이음새 없애기.
- 이미지를 타일로 나누기 · 타일마다 PNG (ZIP)타일셋이나 이미지를 같은 크기 타일로 잘라 타일마다 PNG 하나와 출처가 적힌 JSON을 받으세요. 여백·간격 감지, 빈 타일 건너뛰기, 중복·회전 찾기.
- 타일셋 가장자리 확장 · 텍스처 번짐을 막는 아틀라스 여백타일 사이의 선과 틈을 없애세요. 여백·간격이 있든 없든 모든 타일의 가장자리 픽셀을 바깥으로 확장하고, 새 좌표와 함께 여백 아틀라스를 내보냅니다.
기존 스프라이트 도구
엔진별 내보내기와 검증 방법
"검증됨"은 실제 CC0 에셋으로 내보낸 파일을 해당 엔진·도구가 직접 불러와 원본과 비교했다는 뜻입니다. 불러오지 않은 형식은 그렇게 표시합니다.
- Godot 4 TileSet검증됨· Godot 4.7.2
- Tiled검증됨· Tiled 1.12.2
- Unity 6 Rule Tile검증됨· Unity 6000.5.3f1 + 2D Tilemap Extras 8.0.3
- LDtk일부 검증· LDtk 1.5.3 schema + loader
자주 묻는 질문
무료인가요? 계정이 필요한가요?
이 페이지의 기능은 모두 무료이며 계정 없이 쓸 수 있습니다. 워터마크나 막혀 있는 내보내기가 없습니다.
스프라이트가 업로드되나요?
아니요. Studio는 이 브라우저 탭 안에서 디코딩·패킹·내보내기를 합니다. 프로젝트는 브라우저(IndexedDB)에 자동 저장되며 .nerulio 파일로 저장할 수 있습니다.
Aseprite나 엔진 플러그인을 설치해야 하나요?
아니요. .aseprite 파일은 브라우저에서 읽고 씁니다. 엔진별 번들에는 그 엔진에 필요한 것이 들어 있습니다(Godot는 가져오기 설정과 씬, Unity와 Godot 타일셋은 작은 편집기 스크립트).