노노그램 (네모로직)

노노그램(네모로직·피크로스)은 가로줄과 세로줄 옆에 적힌 숫자를 단서로 칸을 칠해 숨은 그림을 완성하는 논리 퍼즐입니다. 숫자 하나는 그 줄에서 연속으로 칠해야 하는 칸의 길이이고, 숫자가 여럿이면 적힌 순서대로 배치되며 서로 사이에 최소 한 칸은 비어 있어야 합니다. 예를 들어 10칸 줄의 3 2는 연속 3칸, 빈칸, 연속 2칸이 순서대로 들어간다는 뜻입니다. 모든 행과 열이 단서와 맞아떨어지면 그림이 드러나며 퍼즐이 끝납니다.

1) 큰 숫자부터 겹치기. 15칸 줄에 9가 있으면 맨 왼쪽에 놓아도 맨 오른쪽에 놓아도 가운데 3칸(7~9번째)은 반드시 칠해집니다. 단서 숫자와 빈칸 최소 개수의 합이 줄 길이에 가까울수록 더 많은 칸이 한 번에 확정됩니다.

2) 0인 줄은 X로 지우기. 단서가 0인 줄은 칠할 칸이 없으므로 통째로 X 표시하고, 칠한 칸으로 막힌 곳은 X로 표시해 후보에서 지웁니다. X는 정답 판정에 영향을 주지 않는 메모입니다.

3) 행과 열을 번갈아 보기. 한 줄에서 확정한 칸은 교차하는 줄의 단서를 풀어 주는 새 정보가 됩니다. 막히면 아직 흐려지지 않은(미완성) 단서를 가진 줄을 다시 훑어 보세요. 줄이 완성되면 그 단서 숫자가 흐려져 어디를 더 봐야 하는지 알려 줍니다.

4) 조작. 도구는 O ▲ X 세 가지입니다. O는 칸을 칠하고(컬러 문제에서는 팔레트에서 고른 색으로 칠하고), ▲는 확실하지 않은 칸을 적어 두는 메모, X는 '여기는 비어 있다'는 표시입니다. 칸을 누르면 선택한 도구로 표시하고 같은 표시를 다시 누르면 지웁니다. 마우스 오른쪽 버튼은 언제나 X입니다. X와 ▲는 판정에서 빈칸으로 취급하므로 남아 있어도 칠한 칸만 단서와 맞으면 완성입니다. 누른 채 끌면 같은 동작이 연속으로 적용되고, 실수는 되돌리기로 한 동작씩 되돌립니다. PC에서는 마우스를 올린 칸의 행과 열이 강조됩니다.

컬러 문제에서는 단서 숫자가 그 색의 칩으로 표시됩니다. 숫자 하나는 그 색으로 연속해서 칠할 칸의 길이입니다. 같은 색 블록 사이에는 최소 한 칸이 비어 있어야 하지만, 서로 다른 색 블록은 붙어 있을 수 있습니다. 예를 들어 빨강 2 다음에 파랑 3이면 빨강 2칸 바로 옆에 파랑 3칸이 이어져도 됩니다. 도구 줄의 색 스와치로 칠할 색을 고르고, ▲와 X는 흑백과 똑같이 쓰며, 모든 행과 열이 색 단서와 일치하면 그림이 공개됩니다. 컬러 문제의 기록은 같은 크기의 흑백 기록과 따로 저장됩니다.

컬러(기본)를 고르면 사진의 색을 2~6가지로 줄여 컬러 문제를 만듭니다. 가장 밝은 색은 배경(빈칸)이 되므로 배경이 밝은 사진이 잘 맞습니다. 흑백을 고르면 임계값 슬라이더로 어느 밝기부터 칠할지 정하며(자동으로 Otsu 방식 값이 잡힙니다), 피사체가 어둡고 배경이 밝으면 그대로, 반대면 반전을 켜세요. 칠한 칸이 5%도 안 되거나 95%를 넘으면 퍼즐로서 재미가 없으니 설정을 조정하세요.

대비가 강하고 단순한 사진이 잘 맞습니다. 배경이 깔끔한 실루엣, 로고, 캐릭터, 글자처럼 영역이 뚜렷한 이미지는 작은 격자에서도 모양이 살아납니다. 반대로 풍경처럼 색이 부드럽게 이어지는 사진은 줄이면 얼룩이 되기 쉽습니다.

이미지는 가로·세로 원하는 칸 수(5칸 이상)로 줄입니다. 기본값인 원본 비율 유지를 켜 두면 가로 칸 수에 맞춰 세로 칸 수가 사진 비율대로 정해지고, 끄면 지정한 가로:세로 비율로 가운데를 잘라 씁니다. 칸이 많을수록 디테일이 살지만 푸는 시간도 크게 늘어납니다. 한 변이 64칸을 넘는 그림은 화면에서 풀기 어려워 바로 풀지 않고 인쇄용 PNG·PDF로 저장할 수 있습니다.

'논리만으로 풀림' 배지가 붙은 문제는 추측 없이 끝까지 풀 수 있습니다. '추측 필요'라면 풀이 중 한 칸을 가정해 봐야 할 수 있고, 해가 여러 개일 수도 있습니다. 칸이 아주 많으면 판정을 생략합니다. 이 도구는 모든 가로줄·세로줄이 단서와 일치하면 원본 그림과 달라도 정답으로 인정합니다.

올린 이미지는 서버로 전송되지 않고 이 브라우저 안에서만 처리됩니다. 기록과 풀이 완료 목록도 사용 중인 브라우저(localStorage)에만 저장됩니다. '문제 링크 복사'로 만든 링크에는 격자 정보(흑백은 칸마다 1비트, 컬러는 팔레트와 칸별 색 번호)만 주소 뒤쪽(#)에 담기며, 원본 사진은 포함되지 않습니다.

흑백 10~30칸 스테이지의 그림은 Google Material Symbols(Apache License 2.0)를, 컬러 스테이지의 그림은 Google Noto Emoji(Apache License 2.0)를 격자로 변환하고 색 수를 줄인 것이며, 흑백 5×5 문제는 직접 그린 그림입니다. 라이선스 전문: LICENSE-material-symbols.txt · LICENSE-noto-emoji.txt