pxbee 대안 — 무료 브라우저 픽셀 및 스프라이트 도구 비교

"pxbee 대안"이라는 검색어 뒤에는 거의 아무것도 없습니다. pxbee는 작은 픽셀 아트 도구 브랜드이고, 이를 둘러싼 제3자 정보는 빈약합니다. 디렉터리 항목, 몇 개의 포럼 언급뿐이며, 이 도구로 프로젝트를 완성해 본 사람이 작성한 유지 관리되는 문서는 없습니다. 그렇다고 해서 그 도구가 나쁘다는 뜻은 아닙니다. 검색 결과 페이지에서는 평가할 수 없다는 뜻이며, 따라서 브랜드를 평가하는 것은 막다른 길입니다.

그 아래에 있는 질문은 변하지 않고 답할 수 있습니다. 아무것도 설치하지 않고 브라우저에서 무료로 픽셀 아트를 만들려면 무엇을 써야 할까요? 이 페이지에서는 유지 관리되는 픽셀 도구와 버려진 도구를 구별하는 방법, "픽셀 아트가 필요해"라는 말 뒤에 있는 세 가지 서로 다른 목적(직접 그리기, 설명으로 생성하기, 기존 이미지 변환하기), 그리고 Agent Sprite Forge의 스프라이트가 Neta Studio 3D 게임 빌더의 아이소메트릭 세계로 바로 들어가는 방법을 다룹니다.

빠른 답변

먼저 솔직한 답변입니다. pxbee는 정보가 적은 픽셀 도구 브랜드이며, 공정하게 기능별로 비교하는 글을 쓰기에 충분한 공개 자료가 없습니다. 그런 비교를 제공한다고 주장하는 페이지는 아마도 스크린샷과 제품 소개 문구만으로 도구를 재구성한 것일 뿐입니다. 그래서 이 페이지는 pxbee와 비교하는 척하지 않습니다. 대신 이 검색을 하게 만든 질문, 즉 오늘 무료로 브라우저에서 무엇을 대신 써야 하는지에 답합니다.

픽셀 도구에 시간을 쓸 가치가 있는지는 세 가지로 결정됩니다. 첫째, 내보내기가 픽셀 단위로 정확한지 여부입니다. 1x PNG가 몰래 리샘플링되었다면 쓸모없는 것보다 나쁩니다. 한 시간을 그린 뒤에야 알게 되니까요. 둘째, 애니메이션이 도구의 일부인지, 아니면 별도의 GIF 사이트를 통해 억지로 덧붙여야 하는지입니다. 셋째, 자산이 단일 스프라이트보다 큰 결과물로 이어질 수 있는지입니다. 평평한 PNG 하나만 출력하는 도구는 주말 게임 잼에는 괜찮지만 캐릭터가 마흔 개가 되면 괴로워집니다.

pxbee 대안이 해야 할 일

최소한 갖춰야 할 기능은 다음과 같습니다. 색상 한도를 엄격히 정한 인덱스 팔레트, 절대 안티앨리어싱하지 않는 1픽셀 연필, 정수 배율만 허용하는 확대, 최근접 이웃 내보내기, 프레임별 지속 시간을 밀리초 단위로 지정하는 프레임 타임라인, 그리고 프레임 격자가 문서화된 PNG 스프라이트 시트입니다. 타임라인이 없거나 격자가 문서화되지 않았다면, 그림이 엔진에 도달하기 전에 패킹 스크립트를 직접 작성하게 될 것입니다.

스프라이트를 직접 그리는 대신 생성한다면 두 가지 요건이 더 필요합니다. 다시 입력할 수 있는 시드와, 생성할 때마다 절대 달라지지 않는 고정 격자 크기입니다. 시드가 없으면 팔 하나를 고치려고 다시 뽑을 때 팔레트와 실루엣까지 바뀌어서, 마음에 들었던 버전을 잃게 됩니다. 고정 격자가 없으면 걷기 루프의 두 번째 프레임이 첫 번째 프레임과 정렬되지 않습니다.

일부 브랜드 검색 결과가 빈약한 이유

픽셀 아트 도구는 진입 장벽이 낮습니다. 캔버스, 팔레트 배열, 키보드 단축키 맵만 있으면 주말 프로젝트 하나로 만들 수 있습니다. 그 결과 이름과 도메인, 1년 정도의 활동만 있고 그 뒤로는 아무것도 없는 작은 도구들이 긴 꼬리를 이룹니다. 어떤 브랜드에 대한 정보가 없으면 그 검색 결과는 대개 획일적인 픽셀 아트 톱10 목록으로 채워지는데, 이런 목록은 검증된 것이 아니라 정해진 일정에 따라 유지 관리되는 경우가 많습니다. 그 목록은 브랜드가 살아 있다는 증거가 아니라, 목록이 존재한다는 증거일 뿐입니다.

방치된 도구가 죽은 도메인처럼 보이는 경우는 드뭅니다. 더 흔하게는 페이지는 여전히 열리고 캔버스도 여전히 그려지지만, 특정 부분 하나가 망가져 있습니다. GIF 내보내기가 프레임 하나만 내보내거나, 시트 내보내기가 정수가 아닌 배율로 리샘플링하거나, 도구가 특정 엔진에서 이미 제거된 폐기된 브라우저 API에 의존하는 식입니다. 이런 문제는 랜딩 페이지가 아니라 한 시간쯤 작업한 뒤에야 발견하게 됩니다. 그래서 도구를 선택하기 전에 아래 점검을 해 볼 가치가 있습니다.

픽셀 도구에 대한 질문

브랜드 검색은 진짜 요구 사항을 가립니다. 브랜드가 필요한 사람은 거의 없습니다. 필요한 것은 세 가지 결과 중 하나이고, 각 결과는 도구에 서로 다른 요구를 합니다. 목적을 잘못 잡으면 시간을 가장 많이 낭비합니다. 사진을 변환하려는 사람이 직접 그리는 편집기를 열고, 읽을 수 있는 32x32 얼굴을 손으로 그리는 데 한 시간이 걸린다는 걸 깨닫고 포기합니다. 일관된 캐릭터 세트를 원하는 사람이 생성기를 열고, 팔레트가 저마다 다른 스무 개의 변형을 받지만 세트처럼 보이는 것이 하나도 없어서 고르지 못합니다.

무엇이든 열기 전에 목적을 정하세요. 답이 "둘 다"라면 보통 생성기를 먼저 쓰고 그다음 손으로 고치는 순서로 작업합니다. 기본 스프라이트를 생성한 뒤 편집기에서 다듬으면 빈 캔버스에 처음부터 그리는 시간의 일부만 걸리고, 시작할 때 팔레트가 이미 제한되어 있습니다.

목적 1: 직접 그리기

안티앨리어싱을 끈 1픽셀 연필, 팔레트를 벗어나지 않도록 잠금 기능이 있는 인덱스 팔레트, 대칭 캐릭터를 위한 미러 모드, 애니메이션을 위한 약 20~40퍼센트 불투명도의 어니언 스킨, 1x에서 32x까지의 정수 확대, 프레임 타임라인이 필요합니다. 여기서 병목은 도구가 아니라 판단력입니다. 직접 그린다면 실제로 문서화할 수 있는 내보내기 격자를 갖춘 편집기를 고르고, 편집기 비교는 그만두세요.

목적 2: 설명으로 생성하기

텍스트 입력란, 고정 격자 크기, 다시 입력할 수 있는 시드, 팔레트 한도, 방향별 프레임 수가 필요합니다. 통제력을 양보하고 양을 얻는 것입니다. 10분에 스프라이트 서른 개를 얻고, 그중 여섯 개를 남기고 세 개를 손으로 고칩니다. 이는 소품, 적, 배경 타일에 대해서는 좋은 거래이고, 얼굴을 어차피 다시 그릴 계획이 아니라면 단 하나뿐인 주인공 캐릭터에는 나쁜 거래입니다.

목적 3: 기존 이미지 변환하기

최근접 이웃 또는 박스 축소, 기본적으로 디더링을 끈 N색 양자화, 알파 임계값, 허용 범위 조절이 있는 크로마키 배경 제거가 필요합니다. 원본 형식을 주의하세요. JPEG는 변환기가 보기도 전에 색 정보를 잃고, 압축 아티팩트가 열여섯 색으로 양자화한 뒤에는 하나하나 엉뚱한 색이 됩니다. PNG에서 시작하고, 유일한 원본이 JPEG라면 가장자리를 손으로 정리할 각오를 하세요.

무료 브라우저 옵션 비교

이 비교는 어떤 브랜드를 검색했는지에 좌우되지 않습니다. pxbee를 찾아왔든 다른 무엇을 찾아왔든 그대로 적용됩니다. 범주는 누가 만들었는지가 아니라 도구가 무엇을 출력하는지로 정의되기 때문입니다. 표가 짧은 이유도 같습니다. 픽셀 도구가 할 수 있는, 진짜로 서로 다른 일은 몇 가지뿐입니다.

비용 열은 이 페이지에서 가장 쓸모가 적습니다. 도구가 여러분의 작업 흐름에 맞는지는 플랫폼과 출력 형식이 결정합니다. 평평한 PNG만 내보내는 무료 브라우저 편집기는 유료 데스크톱 편집기보다 저렴하지만, 엔진에 연결할 JSON 아틀라스가 필요해지면 누군가 그 아틀라스를 만들어야 하므로 시간으로는 더 비쌉니다. 생성과 3D 출력 열을 먼저 읽고, 그다음 비용을 확인하세요.

두 행에는 주의가 필요합니다. 변환기는 사람들이 가장 신뢰하면서 가장 적게 검증하는 도구입니다. 가져오기 전에 항상 1x로 결과물을 열어 보세요. 가장자리를 몰래 매끄럽게 만드는 변환기는 4x에서는 괜찮아 보이지만 1x에서는 탁한 스프라이트를 만듭니다. 패커 도구는 프레임 이름 짓기만큼만 쓸모가 있습니다. 프레임 이름이 final_v2_sheet라면 어떤 패커도 그것을 걷기 루프로 정리해 주지 않습니다.

이 pxbee 대안 비교를 읽는 방법

플랫폼 열에서는 설치가 필요한지, 애니메이션 열에서는 프레임이 일급 객체로 존재하는지 아니면 별도 파일인지, 3D 출력 열에서는 도구가 평평한 이미지를 넘어서는 경로가 있는지 훑어보세요. 대부분의 픽셀 도구는 PNG에서 멈춥니다. 그것이 보통의 종착점이며, 완성된 스프라이트 시트가 이렇게나 많이 플레이 가능한 장면이 되지 못하는 이유이기도 합니다.

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

Agent Sprite Forge는 한 문장을 받아서, 여러분이 설정한 격자 크기와 팔레트 한도에 맞춰 애니메이션 프레임이 있는 스프라이트 격자를 돌려줍니다. 브라우저에서 실행됩니다. 설치 단계가 없고, 내보내기 어디에도 데스크톱 애플리케이션이나 플러그인이 필요하지 않습니다.

그것이 무엇이 아닌지 분명히 하겠습니다. 큰 일러스트를 그린 뒤 줄이는 방식이 아니라 픽셀 격자를 직접 만듭니다. 그래서 프레임마다 외곽선 굵기가 일정하게 유지되고 팔레트가 여러분이 고른 한도 안에 머뭅니다. 사실적인 사진 같은 느낌, 그러데이션, 부드러운 음영을 요청하면 형편없는 결과를 얻게 됩니다. 그것들은 픽셀 아트의 문제가 아니니까요.

실패 방식은 예측 가능하며, 이를 알면 다시 뽑는 수고를 아낄 수 있습니다. 긴 프롬프트는 흐트러집니다. 생성기는 첫 번째 명사를 유지하고 나머지는 버리므로, 주제를 먼저 쓰고 제약 조건을 뒤에 두세요. 32x32 스프라이트 안에 읽을 수 있는 글자를 요청해도 격자에서는 살아남지 못합니다. 두 픽셀보다 작은 디테일은 1x에서 사라집니다. 그리고 여러 캐릭터를 한 번에 하나씩 서로 다른 팔레트로 생성하면 세트처럼 보이지 않습니다. 세트는 한 번에, 하나의 팔레트로 생성하세요.

스프라이트, 그다음 세계

대부분의 픽셀 도구는 PNG에서 끝납니다. 그러면 그 시트는, 무언가 움직이기 전에 직접 고르고 설정하고 준비해야 하는 엔진의 자산이 됩니다. Neta Studio 3D 게임 빌더는 같은 시트를 받아 브라우저의 아이소메트릭 Three.js 세계에 배치하므로, 코드를 한 줄도 쓰기 전에 생성한 캐릭터가 타일 위에 서 있게 됩니다.

세부 원리가 중요합니다. 픽셀 아트가 3D에서 보통 깨지는 지점이 바로 여기이기 때문입니다. 빌보드 쿼드 위의 32x32 스프라이트에는 직교 카메라와 최근접 이웃 필터링이 어울립니다. 재질에 NearestFilter, 밉맵 끔, 텍스처 래핑 고정입니다. 밉맵을 켜면 카메라에서 1미터만 떨어져도 스프라이트가 흐려집니다. 쿼드를 1.7배로 키우면 텍셀 격자가 더 이상 화면 격자에 맞지 않아 카메라가 움직일 때 픽셀이 반짝입니다. 배율과 카메라 확대를 정수로 유지하면 반짝임이 사라집니다.

깨지는 다른 하나는 깊이입니다. 2:1 비율의 아이소메트릭 타일, 즉 32x32 캐릭터 아래에 32x16 타일을 쓰면 x 더하기 y로 정렬하며, 타일 두 개에 걸치는 것은 기준점을 스프라이트 중심이 아니라 발에 두어야 합니다. 기준점을 잘못 잡으면 캐릭터가 반 타일만큼 떠오르거나 가라앉는데, 이는 물리 문제처럼 보이지만 사실은 물리 문제가 아닌 바로 그런 종류의 버그입니다. The Cyclops' Island와 Mini World 모두 이 배치를 사용하며, 둘 다 모델링한 지오메트리가 아니라 스프라이트 시트로 조립되었습니다.

시트에서 그대로 이어지는 것

가져오기는 간단하고 엄격합니다. 시트, 한 프레임의 픽셀 크기, 가로로 몇 프레임인지, 세로로 몇 개의 방향 행인지를 제공합니다. 나머지 전부, 즉 필터링, 배율, 기준점, 깊이 정렬은 그림의 속성이 아니라 객체의 설정입니다. 그래서 같은 시트가 어떤 장면에서는 선명하게, 다른 장면에서는 흐릿하게 보일 수 있습니다.

• 시트 격자가져오기 기능은 가로 프레임 수, 세로 방향 행 수, 한 프레임의 픽셀 크기를 필요로 합니다. 32x32에 6프레임, 4방향이면 192x128 시트입니다. 격자가 맞지 않으면 몸통 중간이 잘린 스프라이트를 얻게 됩니다.
• 기준점발은 아래쪽 가운데. 기준점을 스프라이트 중심에 두면 카메라를 바라볼 때마다 캐릭터가 반 타일만큼 바닥을 파고듭니다.
• 필터링NearestFilter, 밉맵 끔, 래핑 고정, 정수 객체 배율과 정수 카메라 확대. 그 외의 것은 팔레트가 피하도록 설계된 흐림을 다시 불러옵니다.
• 깊이 정렬타일 격자에서 x 더하기 y로 정렬합니다. 기준점이 정확히 타일 경계에 놓인 스프라이트는 걸을 때 두 깊이 사이에서 깜빡일 수 있습니다.

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

브랜드에 대한 질문은 낡지만, 도구에 대한 질문은 그렇지 않습니다. 무엇이 여러분을 여기로 이끌었든 유용한 다음 단계는 같습니다. 스프라이트 하나를 생성한 뒤 그것이 살 수 있는 세계를 여는 것, 둘 다 이 브라우저 탭 안에서, 둘 다 무료로.

FAQ