시작하기
한 페이지에 전체 흐름을 담았습니다. 스튜디오를 열고, 마음에 드는 미로를 캔버스에 띄우고, 색을 입힌 다음, 이름을 붙여 저장하고 공유하고 내 컴퓨터로 가져옵니다. 설치할 것은 없고, 여기서 한 작업이 실수로 사라지는 일도 없습니다.
스튜디오 열기#
빈 화면도, 설정 대화상자도 없습니다. 스튜디오는 열리는 순간부터 미로를 엮기 시작합니다 — 사각형 격자에 30 × 30 셀, 셀당 25 픽셀, 입구는 왼쪽 위 모서리, 출구는 오른쪽 아래 — 그동안 환영 카드가 해 볼 만한 것들을 차례로 보여 줍니다. 1초쯤 지나면 미로가 캔버스에 올라오고, 이제부터는 마음대로 바꾸실 수 있습니다.
화면 구성#
두 가지입니다. 캔버스, 그리고 그 옆의 섹션 패널. 섹션은 한 번에 하나씩 열립니다 — 미로, 고급, 모양, 배경, 내부, 통로, 벽, 해답, 테마 — 처음에는 미로 섹션이 열려 있습니다. 앞쪽 몇 개는 미로가 무엇인지를 정하고, 나머지는 미로가 어떻게 보이는지를 정합니다. 화면이 좁을 때 — 휴대폰이나 작은 창 — 는 같은 섹션들이 아이콘 레일 뒤로 들어가지만, 아래 설명은 그대로 적용됩니다.
격자 고르기#
미로 섹션 맨 위에는 토폴로지가 있습니다 — 드롭다운이 아니라 다섯 개의 작은 타일이어서 무엇을 고르는지 눈으로 확인할 수 있습니다: 사각형, 마름모, 삼각형, 육각형, 육각형(평면). 각각은 겉모습만 바뀐 것이 아니라 실제로 다른 미로입니다 — 복도가 만나는 각도가 다르고 푸는 느낌도 달라집니다. 몇 개 눌러 보세요. 토폴로지 페이지에서 다섯 격자를 하나씩 둘러봅니다.
크기 정하기#
바로 아래에는 너비와 높이가 있습니다 — 가로세로 셀 개수이며 4부터 120까지 지정할 수 있습니다. 그 아래 셀 크기는 셀 하나당 픽셀 수로 6부터 120까지입니다. 이 값은 일찍 이해해 두는 편이 좋습니다. 퍼즐 자체는 전혀 바뀌지 않고, 퍼즐이 얼마나 크게 그려지는지만 달라집니다. 40×40 미로는 셀당 8픽셀이든 80픽셀이든 똑같은 미로입니다. 크기와 시드 페이지를 참고하세요.
시드#
시드 입력란에는 문자와 숫자로 된 짧은 코드가 들어 있습니다 — 새 미로를 만들 때마다 스튜디오가 새로 하나를 뽑아 주며, 대소문자는 구분하지 않습니다. 옆에 있는 ↻ 버튼(시드 무작위 생성)을 누르면 다른 코드를 뽑습니다. 정작 쓸모 있는 것은 규칙입니다. 같은 코드는 항상 같은 미로를 만듭니다. 친구가 보내 준 코드를 입력하면 그 친구의 미로가 그대로 나옵니다.
이것이 재현성이며, 여기서 만든 것이 사라지지 않는 이유이기도 합니다. 작년에 만든 미로도 오늘 다시, 한 치의 오차 없이, 지금 필요한 크기로 렌더링할 수 있습니다. 그 원리는 미로 시드란? 페이지에서 설명합니다.
단일 경로 만들어 보기#
색을 칠하기 전에 고급 섹션을 열어 단일 경로를 찾아보세요 — 네 가지 설정이 있는 드롭다운입니다. 끄기는 지금 보고 계신 평범한 분기형 미로입니다. 나머지 셋은 갈림길이 하나도 없는 하나의 연속된 길을 만듭니다. 유니커설은 가운데까지 감아 들어갔다가 다시 나오고, 서펜타인은 모든 셀을 빠짐없이 지나며, 위빙은 같은 일을 하되 스스로를 위아래로 교차하며 지납니다. 사각형과 마름모 격자에서만 쓸 수 있습니다 — 유니커설 미로 페이지를 참고하세요.
색 입히기#
이제 재미있는 부분입니다. 패널 아래쪽에는 일곱 개의 페인트 레이어가 있습니다 — 배경 섹션(캔버스, 테두리, 바탕 레이어를 담고 있습니다), 그리고 내부, 통로, 벽, 해답. 레이어마다 고유한 색상, 두께, 모서리 스타일, 켜기/끄기가 따로 있습니다. 무엇을 바꾸든 즉시 다시 칠해집니다 — 다시 생성도, 기다림도 없습니다. 레이어 페이지에서 각 레이어를 따로 떼어 보여 줍니다.
이름 붙이고 저장하기#
저장을 누르세요. 미로에 아직 제목이 없다면 작은 대화상자가 먼저 묻습니다 — 미로 이름 정하기, 내보내거나 공유하기 전에 제목을 지정하세요. 제목을 지정하면 버튼이 저장 중…을 거쳐 저장됨으로 바뀝니다. 이제 미로는 저장한 미로 목록에 들어가 그대로 남습니다 — 레시피도, 시드도, 직접 고른 색상도 모두 함께입니다.
공유하기#
공유를 누르면 누구나 열 수 있는 링크가 만들어집니다 — 받는 쪽에는 계정이 필요 없습니다. 그 페이지에는 제목과 함께 미로가 표시되고 스튜디오에서 열기 버튼이 붙어 있습니다. 이 버튼을 누르면 미로가 그 사람의 사본으로 포크되어, 마음에 든 디자인을 이어서 다듬을 수 있습니다. 공유는 저장된 사본을 제공하므로, 아직 저장하지 않았다면 공유가 미로를 먼저 저장합니다. 복사는 URL을 건네주고, 해지는 원할 때 언제든 링크를 거둬들입니다. 자세한 내용은 공유와 포크 페이지에 있습니다.
내려받기#
다운로드 버튼 옆에는 형식 선택기가 있습니다 — PNG, SVG (유료), PDF (유료). PNG는 무료이며 화면에 쓸 것이라면 이쪽이 정답입니다. 미로가 실물로 나갈 때는 SVG를 고르세요 — 어떤 크기로 키워도 흐려지지 않습니다(인쇄). 모든 다운로드는 서버에서 최고 품질로 다시 렌더링되므로 버튼에 잠시 렌더링 중…이 표시됩니다 — 받으시는 파일은 캔버스를 찍은 스크린샷이 아닙니다.
다음은 어디로#
여기까지가 전체 흐름입니다. 이다음은 어려워지는 것이 아니라 깊어지는 것이니, 궁금한 쪽부터 골라 보세요.