스프라이트
시트를 태그된 애니메이션으로
시트, 번호 붙은 프레임, GIF, .aseprite 파일을 놓으세요. 격자는 신뢰도와 함께 감지되며 언제든 바꿀 수 있고, 태그·타이밍·피벗·히트박스·허트박스는 실제 타임라인에서 편집합니다.
스프라이트 작업 공간 열기시트classic-hero.png · 16×16
미리보기walk · 10 fps
무료 · 브라우저에서 실행 · 업로드 없음
브라우저에서 바로 쓰는 게임 에셋 스튜디오
Nerulio는 무료 게임 에셋 스튜디오입니다. 스프라이트 시트 자르기, 애니메이션, 아틀라스 패킹, 오토타일 타일셋까지 — Godot·Unity·Phaser 등으로 바로 내보냅니다. 설치도 업로드도 없습니다.
또는 스프라이트 시트·프레임·GIF·.aseprite·타일셋 파일을 이 페이지 아무 곳에나 놓으세요
작업 흐름
스프라이트 시트부터 엔진까지, 스튜디오 하나로
작업 공간마다 파이프라인의 한 단계를 맡고 결과를 다음 단계로 넘깁니다. 모든 처리는 이 브라우저 탭 안에서 이루어집니다.
패킹·내보내기
아틀라스 패킹과 엔진별 내보내기
트림·회전·여백·익스트루드·멀티팩을 지원하는 MaxRects 패킹. 클릭 한 번으로 엔진마다 필요한 파일을 만들고, 어떤 내보내기를 실제 엔진에서 다시 불러와 확인했는지는 아래 엔진 목록에 적어 두었습니다.
패킹·내보내기 열기
타일
엔진과 똑같이 칠해지는 오토타일
47타일 블롭이나 Wang 시트의 배치를 픽셀에서 인식해 지형 비트를 채우고, Godot 4와 같은 규칙으로 테스트 맵을 칠해 봅니다.
타일 작업 공간 열기
픽셀
도트를 그리고 확대된 도트를 1배로
에이스프라이트 키로 쓰는 연필·페인트통·선택·레이어, 인덱스 팔레트와 Lospec, 어니언 스킨. 확대되거나 크기가 바뀐 도트는 픽셀 크기를 재서 1픽셀 = 1픽셀로 되돌립니다.
픽셀 작업 공간 열기
픽셀·텍스처·UI 랩 도구
스튜디오 옆의 단일 작업 도구: 프레임 팔레트 고정과 램프, 텍스처 채널 패킹과 PBR 점검, 9-slice 패널과 비트맵 폰트. UI는 스튜디오 작업 공간이 완성될 때까지 Lab 도구로 제공합니다.
실제 엔진에서 확인한 내보내기
내보낸 결과를 각 엔진에 실제로 불러와 필드와 픽셀을 비교했습니다. GameMaker와 LDtk는 형식 검사까지만 했습니다.
- 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검증됨Aseprite 1.3.18
- Spine검증됨spine-canvas 4.2
- LÖVE검증됨LÖVE 11.5
- Tiled검증됨Tiled 1.12.2
- Starling / Sparrow검증됨Phaser 4.2
- Defold빌드 확인Defold bob.jar 1.13.1
- LDtk일부 검증LDtk 1.5.3 schema + loader
- GameMaker미검증
게임 도구 하나씩 쓰기
게임 도구마다 전용 페이지가 있습니다. 검색하거나 전체 목록을 펼쳐 보세요.
스프라이트
- 스프라이트 자동 분리투명 영역으로 프레임을 찾고 직접 수정한 뒤 PNG로 분리하세요.
- 스프라이트 애니메이션 미리보기FPS·프레임별 길이·정방향·역방향·왕복 재생을 보고 흔들림을 그래프로 확인하세요.
- 기준점 편집프레임마다 기준점을 프리셋·드래그·숫자로 정하고 내보내기에 그대로 담으세요.
- 히트박스 편집히트·피격·상호작용 박스를 프레임 구간에 넣고 타임라인으로 확인하세요.
- 충돌 다각형 만들기알파 실루엣에서 충돌 다각형을 만들고 꼭짓점 수와 오차를 숫자로 확인하세요.
- 프레임 캔버스 통일여러 PNG의 투명 여백을 정리하고 같은 캔버스에 정렬하세요.
- 스프라이트 랩시트 한 장으로 자르기·정렬·애니메이션·기준점·히트박스·아틀라스까지 한 화면에서.
패킹·내보내기
타일
픽셀
- 픽셀 랩여러 프레임을 한 팔레트로 고정하고 정리·검사한 뒤 내보내세요.
- 픽셀 정리단독 픽셀·작은 덩어리·1픽셀 구멍·안티에일리어싱 잔여물을 찾아 정리하세요.
- 팔레트 추출이미지 여러 장에서 팔레트를 한 번에 뽑아 .gpl·HEX·JSON으로 저장하세요.
- 램프 색 교체음영 램프를 명도 순서대로 대응시키고 팀 컬러 변형을 한 번에 만드세요.
- 팔레트 색 교체추출한 색을 선택해 정확한 색 또는 비슷한 색을 교체하세요.
- 픽셀 격자 검사확대된 스프라이트의 도트 크기·격자 어긋남·흐린 경계·색 수를 측정합니다.
- 이미지 도트화이미지를 실제 N×N PNG 에셋으로.
- 게임 에셋 다듬기배경 정리부터 정확한 픽셀 크기와 팔레트까지.
텍스처
- 텍스처 랩PBR 텍스처 세트를 점검하고 노멀·채널·가장자리를 정리해 엔진에 넣으세요.
- 노멀 맵 규격 변환초록 채널만 반전해 OpenGL(+Y)과 DirectX(−Y) 노멀 맵을 서로 변환하세요.
- 채널 분리ORM·마스크 텍스처의 R·G·B·A를 원래 바이트 그대로 흑백 PNG로 분리하세요.
- RGBA 마스크 패킹같은 크기 이미지의 밝기를 R·G·B·A에 원하는 순서로 넣으세요.
- PBR 텍스처 점검텍스처 세트의 크기·누락·알파·채널·노멀을 한 번에 점검하고 보고서를 받으세요.
- 가장자리 번짐 채우기투명한 텍셀 아래로 색을 밀어내 밉맵과 축소에서 생기는 검은 테두리를 없애세요.
- 텍스처 맵 실험실밝기·알파 추출·반전과 높이 기울기 기반 노멀 맵을 만드세요.
UI·폰트
- UI 에셋 랩9슬라이스·버튼 상태·UI 아틀라스·비트맵 폰트를 한 화면에서 만들고 실제 화면 크기로 확인하세요.
- 9슬라이스 편집기패널 이미지의 네 경계선을 끌어 정하고, 여러 목표 크기로 늘린 결과를 바로 확인하세요.
- 버튼 상태 만들기버튼 하나로 기본·호버·누름·비활성·포커스 이미지를 만들고 낱장과 묶음 시트로 저장하세요.
- 비트맵 폰트 만들기격자형 폰트 시트와 문자 순서로 PNG·BMFont·JSON을 만드세요.
- 빠진 글자 검사번역 텍스트나 .txt·.json·.csv·.po를 폰트의 글자 목록과 비교해 빠진 글자와 사용 위치를 찾으세요.
- UI 해상도·배율 점검1280×720부터 4K까지, 정수 배율과 1.25·1.5·1.75배를 나란히 보고 글자 넘침과 명암비까지 확인하세요.
기타 파일 도구이미지·PDF·영상 도구는 부가 기능으로 계속 제공합니다.
이미지
- 이미지 압축목표 용량을 정하고 실제 결과를 확인하세요.
- 이미지 형식 변환PNG · JPG · WebP로 저장. JPG는 투명 배경을 합칩니다.
- 이미지 크기 변경가로·세로 픽셀을 정하고 비율을 유지하세요.
- 이미지 자르기이미지 위에서 드래그하거나 비율을 선택하세요.
- 배경 제거사진을 넣으면 AI가 사람·제품·동물의 배경을 바로 지웁니다. 새 배경색과 브러시 보정까지.
- AI 이미지 업스케일작은 사진·일러스트를 AI로 2×·4× 선명하게 키웁니다. 픽셀아트는 도트 그대로.
- HEIC → JPG단일 HEIC 사진 지원. 첫 사용 시 변환기를 내려받아요.
- 이미지 여백 자르기흰색 기준값으로 여백을 찾고 결과를 확인한 뒤 저장하세요.
- 로고 흰 배경 제거테두리와 연결된 단색 배경을 제거하고 내부 흰색을 보존하세요.
- 상품 이미지 묶음Etsy·Shopify용 이미지와 사용자 크기를 폴더별 ZIP으로 만드세요.
- 인쇄 비율 묶음2:3·3:4·4:5·11:14·A계열 비율의 이미지를 한 번에 만드세요.
- 스캔 이미지 양쪽 분리분리 위치와 좌우 순서를 지정해 스캔 이미지 두 장을 만드세요.
- 이미지 편집자르기부터 형식 변환까지, 한곳에서.
- PDF 합치기파일을 추가하고 페이지를 원하는 순서로 정리하세요.
- PDF 분할페이지 범위를 지정해 별도 PDF로 저장하세요.
- PDF 용량 줄이기글자·벡터 보존 최적화와 별도 이미지 압축 모드를 선택하세요.
- PDF → 이미지선택한 페이지를 JPG 또는 PNG로 저장하세요.
- 이미지 → PDF여러 이미지를 추가하고 페이지 순서를 정하세요.
- PDF 암호 설정AES-256 암호를 걸고 인쇄·복사·편집 권한을 정하세요. 암호는 이 기기에서만 쓰입니다.
- PDF 암호 해제암호를 입력하면 암호 없이 열리는 PDF로 저장합니다. 인쇄·복사 제한도 함께 사라집니다.
- PDF 편집정렬·회전·분할·주석을 하나의 편집기에서.