Piskel 대안: 3D 세계까지 만드는 무료 브라우저 픽셀 에디터

Piskel 대안을 검색했다면, 아마 두 가지 벽 중 하나에 부딪혔을 것입니다. 클릭으로 찍어내는 것보다 스프라이트 프레임을 더 빠르게 만들고 싶었거나, 픽셀이 평면 PNG가 아닌 다른 곳에 놓이기를 원했을 것입니다. Piskel은 무료이고, 브라우저 탭에서 실행되며, 지금도 내보내기가 됩니다. 망가진 것이 아닙니다. 그저 캔버스 가장자리에서 멈출 뿐이고, 이 페이지는 그 가장자리 너머에 무슨 일이 일어나는지에 관한 이야기입니다.

Neta Studio는 생성 단계가 붙은 브라우저 픽셀 에디터를 운영하며, 그 뒤에는 3D 게임 빌더가 있습니다. 32x32 스프라이트를 손으로 그릴 수도 있고, Agent Sprite Forge로 글로 쓴 설명에서 생성할 수도 있으며, 스프라이트 시트를 내보낸 뒤 같은 픽셀로 만든 장면 안을 걸어 다닐 수 있습니다. 설치도, 계정도 필요 없습니다. 아래는 솔직한 비교이며, Piskel이 여전히 더 나은 도구인 부분도 포함합니다.

간단한 답: 무료 Piskel 대안이 있나요?

있습니다. 그리고 솔직히 말하면 Piskel은 애초에 문제가 아니었습니다. Piskel은 무료이고, 브라우저에서 실행되며, 오늘도 애니메이션 GIF와 PNG 스프라이트 시트를 내보냅니다. Piskel 대안으로 갈아탈 가치가 있는 경우는 Piskel이 하지 못하는 두 가지 중 하나가 필요할 때뿐입니다. 클릭이 아니라 글로 쓴 설명에서 스프라이트 프레임을 생성하거나, 그 픽셀을 카메라로 움직일 수 있는 3D 장면으로 가져가는 것입니다. 둘 다 병목이 아니라면 Piskel은 여전히 좋은 드로잉 도구이고, 떠날 이유가 없습니다.

Piskel이 잘하는 것

Piskel은 심심한 방식으로 명성을 얻었습니다. 핵심 루프를 잘 해냅니다. 새 스프라이트는 켜고 끌 수 있는 격자 위에 32x32로 열리고, 도구 모음은 정확히 필요한 것들로 구성됩니다. 펜, 대칭 펜, 페인트 통, 선, 사각형, 타원, 그리고 방해되지 않는 색상 선택기입니다. 에디터는 페이지 안에서 실행되므로 한 획이 서버 왕복을 기다리지 않습니다. 설치도, 계정도 없고, 요금제 때문에 다르게 동작하는 버전도 없습니다.

프레임과 레이어는 서로 다른 축이며, 이는 들리는 것보다 중요합니다. 별도의 외곽선 레이어가 있는 4프레임 걷기 사이클이라면 외곽선을 네 번이 아니라 한 번만 다시 그리면 됩니다. 미리보기 패널은 설정한 FPS로 애니메이션을 재생하고, 어니언 스킨 토글 하나로 이웃 프레임이 흐릿하게 겹쳐 보여 확정하기 전에 간격을 판단할 수 있습니다. 내보내기는 엔진이 실제로 받아들이는 포맷을 지원합니다. 애니메이션 GIF, PNG 스프라이트 시트, 그리고 .piskel 프로젝트 파일입니다. 가져오기도 똑같이 직접적입니다. .piskel 파일을 에디터로 끌어다 놓거나, PNG 스프라이트 시트를 가져와 지정한 격자로 잘라내면 됩니다.

첫 스프라이트로 가는 장벽은 정말로 낮습니다. 빈 탭에서 몇 분 만에 읽을 수 있는 16x16 캐릭터까지 갈 수 있고, 실패 유형도 사소합니다. 1x 확대에서 탁해지는 팔레트, 흔들리는 외곽선, 레벨 배경에 묻히는 하이라이트 색이 그렇습니다.

두 가지 설계 결정이 가치의 대부분을 담당합니다. 격자가 정수 확대 배율에 맞춰지므로 픽셀은 항상 화면 픽셀의 정사각형 블록이고, 3.5픽셀처럼 뭉개지는 일이 없습니다. 그리고 내보내기 집합이 작고 명확해서, 애니메이션을 보기도 전에 파이프라인을 설정하라고 요구하는 일이 없습니다.

Piskel이 멈추는 곳

Piskel에는 생성 단계가 없습니다. 시트의 모든 픽셀은 당신이 한 클릭이거나 배치한 채우기, 선, 타원입니다. 그것은 드로잉 도구의 결함이 아니라 드로잉 도구라는 것의 정의입니다. 하지만 그것은 물량에 하한을 둡니다. 네 프레임에 걸쳐 대략 20퍼센트를 채운 32x32 스프라이트는 약 3,000개의 불투명 픽셀 결정이고, 디자인이 바뀔 때마다 다시 해야 합니다. 병목이 아트 통제가 아니라 아트 처리량이라면 Piskel은 도울 수 없습니다. 당신의 문장과 캔버스 사이의 파이프라인에 아무것도 없기 때문입니다.

Piskel에는 3D 출력이 없습니다. 내보내는 것은 2D 래스터와 JSON 프로젝트 파일뿐입니다. 도구 안의 어떤 것도 카메라, 지면, 충돌 볼륨, 조명에 대해 알지 못합니다. 그 픽셀을 3D 장면에 넣는 일은 전적으로 하류 작업입니다. 시트를 내보내고, 엔진으로 가져오고, 머티리얼을 만들고, 필터 모드를 올바르게 설정한 다음, 그 주위의 세계를 손으로 짓는 것입니다. 그 작업은 실제이며, 종종 작업의 대부분이고, Piskel은 그 어느 단계에도 없습니다.

그리고 이 앱은 수년째 사실상 정지 상태입니다. 웹 에디터는 여전히 작동하고, 내보낸 파일은 최신 엔진에서 여전히 열리며, .piskel 포맷은 변하지 않았습니다. 그것은 안정성이지 고장이 아닙니다. 하지만 새 기능도 오지 않습니다. Piskel이 오늘 하지 못하는 무언가가 필요하다면, 업데이트를 기다리는 것은 계획이 아닙니다.

이 구분은 2년짜리 프로젝트를 위해 도구를 고를 때 중요합니다. 파일 포맷이 고정된 완성된 도구는 예측 가능합니다. 요구 사항이 아직 움직이고 있다면 완성된 도구 역시 잘못된 선택이며, 게임을 시작할 때는 보통 그렇습니다.

대안 비교

표는 기능 개수가 아니라 병목을 기준으로 읽으세요. 그림을 잘 그리고 프레임, GIF, 스프라이트 시트만 필요하다면 Piskel이나 LibreSprite로 충분하며 둘 다 돈을 요구하지 않습니다. 그릴 수 있는 것보다 프레임을 더 빨리 만들어야 한다면 생성 열이 필요하고, Piskel에는 그것이 없습니다. 시트가 카메라가 있는 장면에 들어가야 한다면 3D 열이 필요하고, Piskel과 LibreSprite 어느 쪽에도 없습니다.

LibreSprite는 여기 나열된 설치형 옵션입니다. 실제 타임라인, 어니언 스킨, 레이어, 스프라이트 시트 내보내기를 갖춘 데스크톱 애플리케이션입니다. 데스크톱에는 브라우저 탭에 없는 장점이 있습니다. 네이티브 파일 대화 상자, 큰 캔버스에서 예측 가능한 메모리 여유, 세션 도중 탭이 회수될 위험이 없다는 점입니다. 두 가지 공백은 같습니다. 생성 단계도, 3D 출력도 없습니다.

애니메이션 열에 관한 한 가지 주의. 그 열은 당신의 엔진이 아니라 에디터를 설명합니다. 여기 있는 모든 도구는 래스터 시트를 내보내고, 엔진이 그것을 올바른 속도로 재생하는지는 프레임 크기, 패딩, 내보낼 때 설정한 FPS에 달려 있습니다.

가장 많은 시간을 잡아먹는 단계 하나를 적어 보세요. 그리기라면 드로잉 도구에 머무르세요. 좋은 것을 찾을 만큼 충분한 변형을 만드는 일이라면 생성 단계를 택하세요. 픽셀을 장면에 연결하는 일이라면 빌더를 택하고 엔진 가져오기를 완전히 건너뛰세요.

우리가 다른 점: 픽셀, 그다음 걸어 들어갈 수 있는 세계

두 절반은 하나의 파이프라인이고, 그 이유는 지루합니다. 당신이 내보낸 시트가 바로 빌더가 소비하는 시트입니다. 32x32에서 고른 프레임 크기가 머티리얼이 기대하는 프레임 크기입니다. 재샘플링도, 격자를 추측하는 일도, 한밤중에 엔진 임포터에서 시트를 다시 자르는 일도 없습니다. 그 연속성이 이 주장의 전부입니다.

두 가지 설정을 건너뛰면 결과가 망가집니다. 첫째, 텍스처 필터링입니다. Three.js에서 머티리얼 텍스처는 확대와 축소 양쪽 모두 최근접 이웃 샘플링을 사용하고 밉맵을 꺼야 합니다. 그렇지 않으면 32x32 픽셀이 멀리서 뭉개지고 카메라가 움직일 때 일렁입니다. 둘째, 배율입니다. 스프라이트 크기는 정수 배율로 조절하세요. 3.5배로 확대한 스프라이트는 픽셀이 번갈아 3픽셀과 4픽셀 너비가 되어, 어떤 팔레트 실수보다 심한 노이즈로 보입니다.

The Cyclops' Island와 Mini World는 이 경로의 참조 작품입니다. 생성된 픽셀 액터, 지면, 카메라, 충돌이 모두 브라우저 탭에서 실행됩니다. 프로젝트를 여기에 맡기기 전에 열어서 내보내기가 실제로 무엇이 되는지 확인하세요.

2D 절반만 필요하다면 여기 있는 어떤 것도 이미 잘 아는 도구를 이기지 못합니다. 3D 절반에서 시간이 사라진다면 갈아탈 가치가 있습니다. 그때는 내보내기 경로가 인계가 아니라 같은 작업 공간의 일부가 되기 때문입니다.

무료인가요?

픽셀 에디터는 무료입니다. Agent Sprite Forge로 스프라이트 프레임을 생성하는 것도 무료입니다. 내보내기도 무료입니다. 스프라이트를 그리는 것과 PNG 스프라이트 시트나 애니메이션 GIF를 내려받는 것 사이에 아무것도 없고, 워터마크가 나타나거나 해상도 제한이 걸리는 유료 장벽 단계도 없습니다.

에디터를 열고, 프레임을 생성하고, 편집하고, 내보내는 데 계정이 필요하지 않습니다. 다운로드를 받기 위해 이메일을 내줄 필요도 없습니다. 받을 다운로드가 없기 때문입니다. 모든 것이 브라우저 탭에서 실행됩니다.

결과물은 세 가지입니다. 설정한 캔버스 크기에 맞는 프레임 격자를 가진 PNG 스프라이트 시트. 미리보기와 문서화에 유용한 애니메이션 GIF. 그리고 브라우저에서 실행되고 3D 게임 빌더에서 계속 편집할 수 있는 3D 장면이 있습니다. 다시 열 수 없는 일방향 내보내기가 아닙니다. 세 번째 결과물의 최종 형태를 보고 싶다면, The Cyclops' Island와 Mini World가 그것 위에 만들어졌습니다.

그것이 속한 세계로 걸어 들어가기

스프라이트는 설 자리가 없는 캐릭터입니다. 마지막 단계는 다른 누구도 제공하지 않는 것입니다. 방금 만든 시트를 누군가 걸어 다닐 수 있는 세계에 넣는 것입니다. 작은 섬, 행성, 비 내리는 거리 모퉁이 같은 곳입니다. 이 사이트의 모든 세계는 하나의 글로 쓴 설명에서 만들어져 플레이할 수 있는 페이지로 공개되었습니다.

FAQ