Piskelapp 대안 — 3D까지 만드는 무료 브라우저 스프라이트 도구

주소창에 piskelapp을 입력했다면, 이미 Piskel을 찾은 셈입니다. piskelapp은 무료 브라우저 픽셀 아트 편집기의 도메인입니다. 그래서 'piskelapp 대안'과 'piskel 대안'은 같은 질문을 두 가지 방식으로 물은 것입니다. PiskelApp이라는 별도의 제품은 없습니다. 사람들이 기억하는 이름은 주소일 뿐입니다.

이 페이지는 그 답의 솔직한 버전입니다. Piskel이 고정된 픽셀 그리드에서 잘하는 것. 멈추는 지점. 시트가 더 이상 그림이 아니라 걸어 다닐 수 있는 장면 속 소재가 되어야 할 때 브라우저 스프라이트 도구가 더하는 것. 순위도, 다운로드 수치도, 지어낸 벤치마크도 없습니다 — 작동 방식, 파일 설정, 실패 양상만 다룹니다.

빠른 답변

piskelapp은 무료 브라우저 픽셀 아트 편집기인 Piskel의 도메인입니다 — 그래서 'piskelapp 대안'과 'piskel 대안'은 대개 같은 질문입니다. 도메인이 사람들이 기억하는 이름이 되었다고 해서 도구 자체가 달라진 것은 없습니다. 앱은 Piskel이고, 검색어는 호스트 이름입니다.

이 검색어 뒤에 있는 질문은 거의 항상 둘 중 하나입니다. 더 앞서 나간 도구에서 같은 작업을 하고 싶거나 — 더 빠른 캔버스, 더 많은 레이어, 다른 기기에서도 따라오는 저장 — 아니면 Piskel이 애초에 그렇게 만들어지지 않은 무언가를 원하거나, 즉 프레임을 생성하는 생성기와 그 프레임이 살 곳을 마련해 주는 장면 빌더를 원하는 것입니다.

이 둘은 시간을 쓰는 방식이 다릅니다. 모든 픽셀을 손으로 그리고 Piskel의 그리드가 마음에 든다면, 편집기를 바꾸는 것은 손에 익은 감각을 잃고 얻는 것이 거의 없습니다. 걷기 동작 하나에 반나절이 사라지는 것이 병목이라면, 어떤 2D 편집기도 이를 해결하지 못합니다. 병목은 편집기가 아니라 그리기 자체이기 때문입니다.

'piskelapp 대안'이 실제로 묻는 것

도메인을 걷어내면 그 문장은 '스프라이트 도구가 필요하다'입니다. 이것은 끊임없이 혼동되는 세 가지 요구로 나뉩니다. 사람이 픽셀을 옮기는 그리기, 모델이 글로 된 설명에서 프레임을 그리는 생성, 그리고 프레임이 시트가 되고 시트가 애니메이션이 되며 애니메이션이 장면이 되는 조립입니다. Piskel은 첫 번째를 잘 다루고 세 번째의 일부를 다룹니다. 나머지 둘에는 아무런 의견이 없습니다.

무엇이든 바꾸기 전에 어느 것이 병목인지 판단하세요. Piskel을 떠나 다른 2D 편집기로 간 대부분의 사람은 돌아옵니다. 두 번째 편집기도 결국 그리드와 도구 모음이기 때문입니다.

piskelapp(Piskel)이란 무엇인가

Piskel은 브라우저에서 실행되는 픽셀 아트 편집기입니다. 페이지를 열고 캔버스 크기를 정하고 — 기본값인 32×32는 여전히 합리적인 선택입니다 — 확대된 그리드 위에서 연필, 채우기, 디더, 밝게 하기 등 몇 가지 도구로 그립니다. 설치되는 것은 없습니다. 계정도 만들어지지 않습니다. 편집기는 클라이언트 측에서 실행되므로, 페이지가 한 번 로드되면 그리기는 네트워크 왕복을 기다리지 않습니다.

이 도구의 위치를 만들어 준 요소들은 사람들이 한 호흡에 꼽는 것들입니다. 어니언 스킨은 애니메이션을 만들 때 현재 프레임 뒤에 이전과 다음 프레임을 낮은 불투명도로 볼 수 있게 해줍니다. 팔레트 컨트롤로는 고정된 색 집합을 만들고 모든 프레임을 그 안에 유지할 수 있습니다. 미리보기 창은 정해진 프레임 속도와 크기로 애니메이션을 재생합니다. 그리고 프레임마다 작은 레이어 스택이 있습니다.

내보내기는 이 도구가 진짜로 유용한 부분이며, 대안을 찾고 있다면 가장 이해할 가치가 있는 부분입니다. 현재 프레임이나 모든 프레임을 개별 PNG로 내보내거나, 애니메이션 GIF로 내보내거나, 스프라이트 시트를 원하는 열 수, 행 수, 정수 배율로 하나의 PNG로 내보내거나, 프로젝트를 프레임과 팔레트를 기술하는 JSON 문서인 .piskel 파일로 저장할 수 있습니다.

• 어니언 스킨현재 프레임 뒤에 이전과 다음 프레임을 낮은 불투명도로 그립니다. 불투명도와 어떤 이웃 프레임을 표시할지 직접 제어합니다. 손으로 만든 반복 애니메이션을 추측이 아니라 가능하게 만드는 단 하나의 기능입니다.
• 팔레트팔레트를 만들거나 가져온 뒤 모든 프레임을 그 색 견본 안에 유지합니다. 색인 순서는 나중에 중요해집니다. 셰이더나 팔레트 교체 루틴으로 가져가는 것이 바로 이 순서입니다.
• 스프라이트 시트 내보내기하나의 PNG, 원하는 열 수와 행 수, 정수 배율. 엔진이나 3D 장면이 실제로 소비하는 파일이 바로 이것입니다.
• GIF 내보내기프레임별 지연을 지정한 애니메이션 GIF입니다. 반복 동작을 공유하기에는 좋지만 게임에는 어색합니다. GIF는 프레임당 256색과 1비트 투명도로 제한되므로, 부드러운 가장자리는 딱딱해지거나 사라져 돌아옵니다.
• .piskel 프로젝트 파일저장 형식은 프레임 데이터와 팔레트를 담은 JSON입니다. Piskel에서 다시 열립니다. 다른 편집기에서는 열리지 않습니다.
• 계정 없음로그인할 것이 없습니다. 프로젝트는 탭과 브라우저 저장소, 그리고 직접 다운로드한 파일에 존재합니다.

사람들이 제품명 대신 도메인을 검색하는 이유

제품 이름이 도메인이기 때문입니다. 도구가 가물가물하게 기억나는 사람은 주소처럼 보이는 것을 입력하고, 브라우저나 검색창이 그것을 자동 완성합니다. 호스트 이름이기도 한 브랜드는 끝없이 도메인 형태의 검색어를 만들어 내며, 그 검색어는 아무도 그 제품에 대해 글을 쓰지 않아도 안정적으로 유지됩니다.

두 번째 이유는 이 도구가 거의 변하지 않았다는 점입니다. 그리드, 도구 모음, 어니언 스킨 컨트롤, 내보내기 대화 상자 모두 몇 년 전과 알아볼 수 있을 만큼 같습니다. 그 안정성이야말로 사람들이 여전히 이 도구를 추천하는 이유입니다. 동시에 쓸 거리가 거의 없는 이유이기도 합니다. 새 기능은 새 페이지를 만들어 내지만, 안정된 편집기는 안정적이고 서서히 낡아 가는 페이지 묶음을 만들어 내며, 도메인 검색어는 뒤에 새로운 것이 없는 채로 계속 들어옵니다.

실질적인 결과는 도메인을 검색하면 앱 자체, 오래된 튜토리얼, 그리고 지금의 브라우저 도구 환경이 존재하기 전에 쓰인 목록형 글이 뒤섞여 나온다는 것입니다. 이 간극이 바로 이 페이지가 존재하는 이유입니다. Piskel이 나빠진 것이 아닙니다. 주변 범주가 생성 단계와 3D 단계를 새로 얻었는데 Piskel은 그렇지 않았다는 것이며, 애초에 그쪽을 겨냥한 적이 없기 때문입니다.

Piskel이 멈추는 지점

이것은 불평이 아니라 확인 가능한 한계입니다. 각각은 반나절이면 직접 검증할 수 있는 것입니다.

가장 중요한 한계는 완성된 시트에서 실행되는 장면으로 가는 경로가 없다는 점입니다. Piskel은 PNG 하나를 건네줍니다. 그다음부터는 엔진의 영역입니다. 가져오기 설정, 필터 모드, 아틀라스 여백, 피벗 포인트, 프레임 사각형, 애니메이션 클립, 충돌 상자. 이 작업은 실제이며, 두 시간짜리 아트 작업이 이틀짜리 통합 작업으로 바뀌는 지점입니다.

• 생성 단계 없음Piskel은 당신이 그리는 것을 그립니다. 프롬프트 입력란도, 참조 이미지 업로드도, 프레임을 제안하는 모델도 없습니다. 여덟 방향 걷기 동작이 필요하다면 여덟 방향을 직접 그려야 합니다.
• 3D 출력 없음출력은 래스터 프레임입니다. 메시도, 카메라도, 장면 그래프도, 조명도 없습니다. 3D에서 쓰는 시트는 직접 붙이고 자르고 정렬해야 하는 텍스처입니다.
• 클라우드 프로젝트 없음계정이 없으니 서버 측 프로젝트도 없습니다. 다른 기기로 옮기면 다운로드한 파일을 가져와야 합니다. 잘못된 브라우저 저장소를 지우면 탭에 있던 사본도 함께 사라집니다.
• 런타임 없음Piskel은 미리보기 창에서 정해진 프레임 속도로 애니메이션을 재생하고 거기서 멈춥니다. 입력, 물리, 충돌, 카메라는 실행하지 않습니다.
• 정수 배율만 지원내보내기 배율이 정수 배수인 데는 이유가 있습니다. 32×32 스프라이트를 1.5배로 그리면 화면 픽셀 폭이 하나와 둘로 번갈아 나오는 픽셀이 생깁니다. 편집기가 이를 고칠 수는 없습니다. 해결책은 최근접 필터링과 표시할 때의 정수 확대입니다.

Piskel 대 브라우저 스프라이트 도구

표는 프로젝트를 좌우하는 항목에서 두 도구를 비교합니다. 모든 칸은 점수가 아니라 작동 방식을 설명합니다. 작업 방식에 영향을 주지 않는 항목은 무시하세요.

비용이 많이 드는 순서대로 항목을 읽어 보세요. 애니메이션은 두 도구 모두 지원하므로 비교가 쉽습니다. 클라우드 저장과 3D 출력은 작업의 형태를 바꾸는 항목입니다. 아트를 다른 사람에게 넘길 수 있는지, 그리고 완성된 아트가 갈 곳이 있는지를 결정하기 때문입니다.

piskelapp 대안으로 바꿀 만한 때

막히는 단계가 생성이나 통합일 때 바꾸세요. 즉 두 상황 중 하나입니다. 프로젝트가 필요로 하는 양의 프레임을 그릴 수 없거나, 그릴 수는 있지만 모든 캐릭터마다 아틀라스와 피벗, 클립을 손으로 설정할 사람이 없어 시트가 장면에 도달하지 못하는 경우입니다.

그리는 일이 즐겁고 GIF나 시트만 필요하다면 바꾸지 마세요. Piskel의 그리드는 좋고 내보내기 대화 상자는 표방한 대로 작동합니다. 이미 손에 맞는 도구의 대안을 평가하는 데 쓰는 시간은 애니메이션을 만들지 않은 시간입니다.

여기서 스프라이트 생성하기

생성은 Piskel에 존재하지 않는 절반이므로, 실제로 무슨 일이 일어나는지 구체적으로 설명할 가치가 있습니다. 문장 하나를 씁니다. Agent Sprite Forge가 그것을 대상, 시점, 팔레트, 프레임 수로 해석한 뒤, 선택한 크기의 동일한 그리드 위에 각 프레임을 래스터화합니다. 모든 프레임이 하나의 그리드와 하나의 팔레트를 공유하므로, 결과물은 프레임마다 손볼 필요 없이 아틀라스로 묶입니다.

실패 양상은 예측 가능하며, 이는 유용합니다. 모호한 시점 표현은 두 가지로 해석이 오가는 프레임을 만듭니다 — 걷기 방향도 있는 캐릭터에 '정면'을 지정하면 그렇게 됩니다. 작은 캔버스 크기에서 프레임 수가 많으면 프레임마다 남는 공간이 매우 적습니다. 16×16에서 여덟 프레임이면 각각 약 백 픽셀의 그리기 영역만 주어지므로 세부가 잡음으로 변합니다. 서로 다른 팔레트에서 생성된 실루엣을 섞은 시트는 두 캐릭터를 붙여 놓은 것처럼 보입니다. 세 경우 모두 해결책은 모델이 아니라 문장입니다.

내보내기는 스프라이트 도구에서 이미 기대하는 것과 같습니다. 개별 PNG, 열과 행 수를 지정한 하나의 묶인 시트, 검토용 애니메이션 GIF, 또는 프레임 사각형과 피벗, 권장 프레임 속도를 담은 아틀라스입니다. 그다음 시트는 자체 엔진으로 가거나 같은 페이지의 월드 편집기로 바로 들어갑니다.

• PNG 시트원하는 열과 행 수에 맞춰 프레임을 배치한 하나의 이미지입니다. 엔진이나 텍스처 로더가 가장 먼저 원하는 것입니다.
• 아틀라스 데이터프레임 사각형, 피벗 포인트, 권장 프레임 속도로, 누구도 클립을 손으로 만들지 않고 애니메이션이 재생됩니다.
• 프레임별 PNG픽셀 편집기에서 프레임 하나를 손보고 시트를 직접 다시 묶고 싶을 때 사용합니다.
• GIF빠른 검토용 산출물입니다. 다른 GIF와 마찬가지로 256색과 1비트 투명도 제한을 그대로 갖습니다.

시트에서 세계로

시트는 아직 아트가 아닙니다. 텍스처입니다. 아이소메트릭 장면에서 시트는 한 번 업로드되고, 프레임은 UV 사각형으로 잘리며, 애니메이션이 진행됨에 따라 렌더러가 교체하는 것이 바로 그 사각형들입니다. 두 가지 설정이 대부분의 일을 합니다. 텍스처 필터링은 픽셀이 네모로 유지되도록 최근접으로 두고, 아틀라스는 각 프레임 주위에 한두 픽셀의 여백을 둬서 멀리서의 필터링이 이웃 프레임의 색을 가장자리 픽셀로 끌어오지 않게 합니다 — 캐릭터 외곽선에 색 테두리가 생기는 흔한 원인입니다.

카메라는 나머지 절반입니다. 픽셀 아트는 아이소메트릭 각도의 직교 카메라에서 — 대략 2:1, 약 30도 기울기의 32×16 타일 발자국 — 올바르게 보입니다. 원근 카메라로 바꾸면 멀리 있는 스프라이트가 지면 그리드보다 빠르게 줄어들어, 기술적으로 아무것도 망가지지 않아도 잘못돼 보입니다. 확대는 1배, 2배, 4배처럼 정수 단계로 하세요. 1.5배 확대는 같은 스프라이트 안에서 1픽셀 행과 2픽셀 행을 보여 줍니다.

물리와 그림자는 처음에 사람들이 과소평가하는 부분입니다. 빌보드 스프라이트는 항상 카메라를 향하는 평면 사각형이라 실제 투영 그림자를 받을 수 없습니다. 지면 접촉은 캐릭터 아래에 그리는 별도의 부드러운 얼룩 데칼입니다. 충돌은 메시 콜라이더보다 막힌 타일 그리드로 처리하는 편이 더 저렴합니다 — 에이전트가 그리드를 가로질러 경로를 따라 걷고, 서 있는 타일이 그 걸음의 허용 여부를 결정합니다. Neta Studio의 사이클롭스의 섬이 이렇게 만들어졌으며, Mini World는 같은 순환의 더 작은 버전입니다. 시트를 생성하고, 타일 장면에 넣고, 그 주위를 걸어 다닙니다.

• 최근접 필터링스프라이트 픽셀을 네모로 유지합니다. 32×32 스프라이트에 이중 선형 필터링을 적용하면 부드럽고 흐릿한 가장자리가 되어 이후 어떤 단계에서도 복구할 수 없습니다.
• 아틀라스 여백각 프레임 주위에 한두 픽셀의 투명한 확장을 두면 밉맵이 활성화된 뒤에도 가장자리에서 색 번짐이 생기지 않습니다.
• 직교 카메라어떤 거리에서도 픽셀 그리드와 일치합니다. 원근 카메라는 스프라이트 크기와 타일 크기의 관계를 깨뜨립니다.
• 얼룩 그림자 데칼빌보드는 투영 그림자를 받을 수 없으므로 지면 접촉은 시뮬레이션이 아니라 그려서 표현합니다.
• 타일 그리드 충돌막힌 타일 조회는 빠르고 예측 가능합니다. 타일 세계에서 메시 콜라이더는 비용이 더 들고 얻는 것이 없습니다.

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

도메인 질문에는 짧은 답과 긴 답이 있습니다. 짧은 답은 이것입니다. 그것은 Piskel이고, 2D 편집기입니다. 긴 답은 시트가 완성된 뒤에 일어나는 일입니다 — 같은 픽셀로 지어진 세계를 열고, 편집기가 멈추는 바로 그다음 단계를 확인하십시오.

FAQ