본문으로 건너뛰기

도트 매트릭스 글꼴 도구

도트 매트릭스 글꼴 도구는 이미지의 문자나 도형을 재사용 가능한 도트 매트릭스 데이터로 정리할 때 적합합니다. 스크린샷의 문자가 일반 텍스트가 아니어서 텍스트 요소로 캡처할 수 없을 때 자주 사용합니다.

도구 열기​

먼저 샘플 작업대를 열고 도트 매트릭스 글꼴 도구 페이지로 전환합니다. 색상 선택기에서 스크린샷을 먼저 연 다음 도트 매트릭스 글꼴 도구로 전환하여 같은 이미지를 계속 사용할 수도 있습니다.

문자 하나의 도트 매트릭스 만들기​

  1. 대상 문자나 도형이 있는 스크린샷을 엽니다.
  2. 원본 이미지에서 대상 문자의 색상을 클릭하여 이진화 색상 범위 목록에 추가합니다.
  3. 필요하면 기본 허용 오차를 조정하거나 RRGGBB-RRGGBB와 같은 색상 범위를 직접 편집합니다.
  4. 이진화를 클릭하고 이진화 미리 보기에 대상 문자나 도형만 최대한 남도록 조정합니다.
  5. Shift를 누른 채 끌어 문자 하나를 둘러쌉니다. 두 번째 선택 영역이 필요하면 Meta/Ctrl을 누른 채 끕니다.
  6. 문자에 해당 문자를 입력합니다. 예: A 또는 阿.
  7. 제출/업데이트를 클릭하면 도트 매트릭스가 도트 매트릭스 목록에 나타납니다.

터치스크린 또는 모바일에서는 Shift 선택, Meta 선택 버튼으로 선택 영역 모드를 전환할 수 있습니다.

한 줄의 문자 분할하기​

스크린샷에 문자가 한 줄로 늘어서 있다면 전체 줄을 먼저 선택한 다음 분할을 클릭할 수 있습니다. 도구가 빈 열을 기준으로 문자 줄을 여러 도트 매트릭스로 나눕니다.

분할하기 전에 이진화 미리 보기가 충분히 깔끔한지 확인하는 것이 좋습니다. 배경은 최대한 비어 있고 문자는 최대한 온전해야 합니다. 분할 결과가 좋지 않다면 최소 간격 열 수를 줄이거나 늘리고, 먼저 선택 영역 맞춤으로 선택 영역을 내용에 맞출 수도 있습니다.

결과 이해하기​

  • 이진화: 이미지를 대상 색상만 남긴 흑백 미리 보기로 바꿉니다.
  • 색상 범위: 색상에 약간의 오차를 허용하여 스크린샷의 안티앨리어싱 때문에 점이 빠지는 것을 방지합니다.
  • 도트 매트릭스 목록: 정리한 글꼴 사전 항목입니다.
  • 복사: 현재 도트 매트릭스 인코딩 행을 복사하며 기존 글꼴 사전에 붙여넣을 때 적합합니다.
  • 내보내기: 전체 도트 매트릭스 목록을 복사하거나 다운로드하며 백업하거나 다른 프로젝트로 가져올 때 적합합니다.
  • 코드 템플릿 → 코드 복사: 현재 색상 범위, 선택 영역과 도트 매트릭스 목록으로 스크립트 코드 조각을 만들어 스크립트에 바로 붙여넣을 수 있습니다.
  • 왼쪽 오프셋/오른쪽 오프셋: 문자 좌우에 빈 공간을 추가합니다. 일반적으로 기본값을 유지하면 됩니다.

도트 매트릭스 이미지 저장하기​

도트 매트릭스 미리 보기를 이미지로 저장하려면 다음과 같이 합니다.

  1. 도트 매트릭스 이미지 저장을 클릭합니다.
  2. 파일 이름을 입력합니다.
  3. 생성된 코드를 확인합니다.
  4. 저장 위치를 선택합니다.
  5. 저장 또는 코드를 복사하고 이미지 저장을 클릭합니다.

코드를 복사하고 이미지 저장을 선택하면 해당 이미지를 불러오는 코드가 클립보드에 복사됩니다. 일반적으로 스크립트에서 리소스를 불러올 위치에 붙여넣습니다.

도트 매트릭스 이미지 저장의 코드 템플릿은 색상 선택기의 영역 이미지 템플릿과 별도로 저장됩니다. 파일 이름 변수 $imgFileBaseName과 도트 매트릭스 코드 템플릿의 모든 변수를 지원합니다.

  • Shift 선택 영역: $shiftRect.left, $shiftRect.top, $shiftRect.right, $shiftRect.bottom.
  • Meta 선택 영역: $metaRect.left, $metaRect.top, $metaRect.right, $metaRect.bottom.
  • 도트 매트릭스 내용: $colorRange, $matrix, $matrixList, $word.

기기에서 템플릿 테스트​

텍스트 편집기나 기기의 오른쪽 클릭 메뉴에서 현재 개발 테스트 기기를 설정한 뒤 복사 바로 왼쪽의 테스트 버튼을 누르세요. 색상 도구의 5개 템플릿, find_image, load_data, 영역 이미지와 도트 매트릭스 도구의 6개 템플릿 및 이미지를 지원합니다. 두 도구는 현재 개발 테스트 기기를 사용하며 기기를 바꾸면 즉시 새 기기를 따릅니다. 스크린샷 기기나 기기 목록 및 그룹 선택은 테스트 대상을 바꾸지 않습니다. 기기가 설정되지 않았거나 사용할 수 없으면 위 메뉴에서 사용 가능한 기기를 먼저 설정하세요.

색상 템플릿 제목 옆 연필로 이름, 원본 코드, 테스트 코드와 미리보기를 편집합니다. 도트 매트릭스 템플릿은 기존 편집 창을 사용합니다. 변경 사항은 자동 저장되며 Escape로 닫아도 유지됩니다. 템플릿 1~5의 이름이 비어 있으면 현재 언어의 기본 이름을 사용하며, 테스트 코드가 비면 테스트가 비활성화됩니다. 기본값 복원은 이름, 원본 코드, 테스트 코드를 함께 복원합니다.

$code는 생성된 코드를 내용 재확장 없이 삽입합니다. $screenOrient는 스크린샷 방향이며 기본값은 0입니다. 도트 매트릭스 템플릿은 $coreLine도 지원합니다. 이미지 테스트는 $testResourceRoot, $testImagePath를 지원하며 현재 PNG를 로컬 저장 없이 직접 전송할 수 있습니다.

테스트하면 편집기의 기기 로그가 열리고 파일, 기존 로그, 작업 내용은 유지됩니다. 로그 연결이 준비된 후 코드를 보내며 결과와 오류는 로그에 표시됩니다. 실행 중인 기기 스크립트나 편집기의 실행·디버깅 작업을 먼저 종료하세요. 전송 결과가 불확실하면 재시도 전에 로그를 확인하세요.

OCR과 FindStr은 현재 도트 매트릭스 목록을 자동으로 불러옵니다. $matrixListLiteral은 따옴표, 줄 바꿈, 특수 문자를 안전한 Lua 문자열로 만듭니다. 수정하지 않은 이전 기본 코드만 업그레이드하고 사용자 코드는 유지합니다. 테스트는 코드 복사와 같은 내용을 사용하며, 전체 코드가 비어 있으면 핵심 줄을 사용합니다.

자주 묻는 문제​

  • 이진화 미리 보기가 비어 있음: 대상 색상을 다시 클릭하거나 허용 오차를 적절히 늘리세요.
  • 배경과 내용이 반대로 표시됨: 배경색 모드를 전환한 뒤 다시 추출하세요.
  • 분할 결과가 0개임: 선택 영역이 대상 문자를 포함하는지, 색상 범위가 선택되어 있는지, 최소 간격 열 수가 너무 크게 설정되지 않았는지 확인하세요.
  • 도트 매트릭스 데이터가 잘못되었다는 메시지가 표시됨: 가져올 내용이 한 줄에 한 항목씩 있는지 확인하거나 선택 영역에서 다시 추출하세요.