2D 노멀맵 생성기 · 높이나 스프라이트 밝기로
높이나 회색 이미지를 탄젠트 공간 노멀맵으로 바꾸세요. 같은 강도는 모든 커널에서 같은 기울기이고, 평평한 입력은 정확히 (128, 128, 255)가 되며, 규약은 화면에 표시됩니다.
- Channel PNGs측정 확인· numpy
- Normal map측정 확인· numpy
- Packed mask / ORM측정 확인· Pillow
- Engine import미검증
이렇게 작동합니다
- 밝기나 알파 채널에서 높이를 얻고, 정규화된 Sobel 3×3·Scharr·Sobel 5×5 커널을 씁니다.
- OpenGL(+Y, 기본)과 DirectX(−Y), X·Y 반전.
- 반복 텍스처용 wrap 샘플링: 가장자리 텍셀이 실제 2배 반복 속 같은 텍셀과 같습니다.
- 디테일 노멀을 Reoriented Normal Mapping으로 합성(평평해지는 RGB 혼합 없음).
사용 방법
- 높이 맵이나 스프라이트를 끌어다 놓습니다.
- 소스(밝기·알파), 커널, 강도를 고릅니다.
- 엔진이 기대하는 규약을 고릅니다.
- 노멀맵을 받습니다.
출력 파일과 검증 방법
"측정 확인"은 내려받은 파일을 페이지 밖에서(Pillow·numpy·별도 파서) 다시 열어 그 속성을 측정했다는 뜻입니다. 게임 엔진에서 불러오는 것은 시험하지 않았습니다.
| 대상 | 파일 | 검증 |
|---|---|---|
| Channel PNGs | <name>-r/g/b/a.png (8-bit grey) | 측정 확인 numpy채널마다 바이트가 같고 완전히 투명한 텍셀 아래의 RGB도 유지됩니다. |
| Normal map | PNG · OpenGL (+Y) or DirectX (−Y) | 측정 확인 numpy디코딩한 벡터가 단위 길이(최대 오차 0.0002)이고, OpenGL과 DirectX는 초록 채널만 다릅니다. |
| Packed mask / ORM | Unity HDRP mask · URP metallic · ORM (glTF, Godot) | 측정 확인 Pillow패킹된 바이트 확인: ORM 프리셋, AO 10 / 러프니스 80 / 메탈릭 220 → (10, 80, 220, 255). |
| Engine import | Unity · Unreal · Godot | 미검증어떤 엔진에서도 불러오지 않았습니다. |
검증 근거
채널 분리가 네 채널 모두 바이트 동일(최대 차이 0), 투명 텍셀 2048개가 RGB 유지. 가장자리 번짐은 알파 0인 텍셀 448개만 바꾸고 알파 바이트는 하나도 건드리지 않음. OpenGL ↔ DirectX는 초록(255 − g)만 다름. 변환한 노멀은 단위 벡터.
한계
- 정확한 채널 바이트는 PNG에서만 보장됩니다. JPEG·WebP는 브라우저가 디코딩하며 "바이트 동일 아님"으로 표시합니다.
- 인터레이스 PNG와 16비트 출력은 지원하지 않습니다. 정확 경로는 3,355만 픽셀까지입니다.
- 노멀맵의 규약은 픽셀로 알아낼 수 없고 변환만 할 수 있습니다.
- Unity·Unreal·Godot에서 불러오지 않았습니다. 채널 순서는 각 문서와 엔진 소스에 근거합니다.
자주 묻는 질문
Laigter나 SpriteIlluminator와 같은가요?
아닙니다. 높이나 밝기의 기울기를 계산하며 모양을 칠하거나 경사를 만들지 않습니다. 도트에서는 높이가 여러분의 회색 값에서 옵니다.
어떤 규약을 써야 하나요?
Unity·Godot·Blender는 OpenGL(+Y), Unreal은 DirectX(−Y)를 기대합니다. Unreal 쪽은 Epic의 glTF 내보내기 문서로 추정한 것으로 랩에 표시합니다.
무료인가요? 계정이 필요한가요?
이 페이지의 기능은 모두 무료이며 계정 없이 쓸 수 있습니다. 워터마크나 막혀 있는 내보내기가 없습니다.
스프라이트가 업로드되나요?
아니요. Studio는 이 브라우저 탭 안에서 디코딩·패킹·내보내기를 합니다. 프로젝트는 브라우저(IndexedDB)에 자동 저장되며 .nerulio 파일로 저장할 수 있습니다.
Aseprite나 엔진 플러그인을 설치해야 하나요?
아니요. .aseprite 파일은 브라우저에서 읽고 씁니다. 엔진별 번들에는 그 엔진에 필요한 것이 들어 있습니다(Godot는 가져오기 설정과 씬, Unity와 Godot 타일셋은 작은 편집기 스크립트).