KTUG마당은 KTUG를 방문하는 모든 이용자가 대화를 나누고 소식을 전하는 곳입니다.

  • 로그인 없이 자유롭게 글을 읽고 쓸 수 있는 철학은 처음과 같이 계속됩니다.
  • Team Blog의 글을 이곳 게시판의 "정보글"로 모았습니다. Team blog는 기고자가 올린 글에 질문과 답을 받는 부담을 줄이기 위하여 댓글을 허용하지 않았습니다. 그러나 이곳 게시판으로 모으면서 댓글을 달 수 있습니다. 게시물을 작성하실 때 댓글을 원하지 않으시면 댓글을 허용하시지 않으시기를 바랍니다. 또한 불필요한 소모성 댓글을 달지 않도록 주의하여 주시기를 바랍니다.
  • TeX과 관련된 질문이나 답변은 QnA 마당을 이용하십시오. TeX과 관련된 질문은 지웁니다
  • MathJax를 이용한 수식조판을 사용하실 수 있습니다. 여기를 참조하세요.
  • 최근 스팸글의 등록 빈도가 높아 졌습니다. 이를 막기위하여 짧은 시간내에 다시 글이 등록되는 IP를 막거나, 광고글을 막기위하여 금지어로 .com, .net등을 설정하고 있습니다. 다소간의 불편함이 있으시더라도 양해 바랍니다.
  • 사용하는 편집기를 스마트에디터에서 CKeditor로 변경하였습니다. 편집기에서 [enter]를 누르면 <p> 태그가 들어가고, 문단으로 생각하고 한줄을 비웁니다. 글줄만 바꾸려면 shift-enter 를 누르시면 <BR>가 들어가므로 용도에 맞게 나누어 쓸 수 있습니다.

SET 게임 카드 그리기

2015.10.26 04:07

puzzlist 조회 수:1457

보드 게임 가운데 SET라는 이름의 게임이 있습니다. https://en.wikipedia.or지/wiki/Set_(game)

다음과 같이 네 가지 속성마다 세 가지 종류가 있어서 카드는 총 \(3^4=81\)장입니다.


모양: 둥근 막대(oval), 다이아몬드(diamond), 삐뚤빼뚤(squiggle)

색깔: 빨강, 초록, 보라

개수: 1, 2, 3

무늬: 비움, 줄무늬, 채움


어쩌다 이걸 TeX에서 TikZ로 그려볼 일이 생겼습니다. 이렇게요.


SetGame-AllCards.png


81개를 하나씩 그린다는 건 말이 안 되니, 이걸 속성별로 그리게 하면 되겠다는 생각이 들었습니다.


우선 카드 크기는 보통 1:1.4 정도 되는 것 같으니, 테두리를 그리는 건 간단합니다. 가로 2.8, 세로 2로 하고, 카드 위치를 인자로 해서 


\draw[rounded corners=2mm] (3.0*#1,2.2*#2) rectangle (3.0*#1+2.8,2.2*#2+2);


로 그립니다. 개수가 하나부터 셋까지니까, 위치를 잡기 위해 하나 가운데 하나(1,1)와 셋 가운데 둘(3,2)은 0이 나오도록 해서 출력 위치를 계산합니다.


\def\pos#1#2#3#4{({3*#1+1.4+(#4-(#3+1)/2)*.8},2.2*#2+1)}


이 명령은 왼쪽에서 #1 번째, 위로 #2 번째 카드에 그려질 #3 개 모양 가운데 #4 번째의 출력 위치를 알려줍니다.

둥근 막대를 어떻게 다룰지 먼저 생각했습니다. 모양 하나는


\def\oval{(-.2,.4) -- (-.2,-.4) arc (180:360:.2) -- (.2,.4) arc (0:180:.2) -- cycle}


로 그립니다. 이제 \draw[shift={\pos{...}}] \oval로 여러 개를 그릴 수 있습니다. 현재는 무늬 없는 모양이 그려지겠지요. \diamond는 좌우폭을 \oval보다 조금 크게 했습니다. \oval과 똑같은 폭으로 그리면 너무 좁아 보여서요. 곡선으로 이루어진 \squiggle은 어떻게 그릴지 고민스러웠는데,


\draw plot [smooth cycle, tension=.5] coordinates {(0,.59) (-.17,.6) (-.2,.5) (-.15,.4) (-.1,.2) (-.2,-.4) (-.12,-.55) (0,-.59) (.18,-.6) (.2,-.5) (.15,-.4) (.1,-.2) (.2,.4) (.12,.55)}}


로 그렸습니다. 이렇게 하면 coordinates 인자로 주어지는 점들을 지나는 곡선이 그려집니다. 정말 대충 몇 개 점 잡고 tension만 조절했기 때문에 원본 SET 게임에 그려진 모양과는 많이 다릅니다.


이제 줄무늬를 어떻게 할까 고민이 됩니다. 아마 TikZ에서 [pattern=horizontal lines] 옵션을 이용하는 것이 일관성 있는 해결책일 텐데, 문제는 수평선 사이 간격 조정이 안 된다는 점과, 무늬 없는 상태와 속을 채운 상태를 따로 처리해야 한다는 점입니다. pattern을 새로 설정하면 될 텐데, 이 부분이 너무 복잡해서 어떻게 하는지 잘 모르겠더군요. 그래서 무늬 없는 것과 속을 채운 것은 간단히 되니까, 줄무늬만 따로 처리하기로 했습니다. \clip \oval로 둥근 막대 안쪽만 그려지게 설정한 다음 \foreach 명령으로 가로줄을 연속해서 그립니다. 이렇게 하면 y축 증가량을 바꾸어서 줄무늬 간격을 조절할 수 있습니다.


세 가지 무늬에 대해 \ovaloutlined, \ovalstriped, \ovalsolid 세 개로 명령을 만들면, \diamond, \squiggle에 대해서도 똑같이 해야 하니, 비슷한 명령을 세 개씩 만들어서 따로 쓰는 건 아무래도 번거롭습니다. 그래서 어떻게 할까 고민을 하다가, 어차피 그리는 대상만 다르고 처리하는 방식은 똑같으니, \outlined, \striped, \solid로 명령 세 개를 만들고, 각각에서 \oval, \diamond, \squiggle을 처리하게 만들자는 생각이 들었습니다.


그래서 \outlined{위치}{\oval}{색깔}로 둥근 막대를 그리게 했습니다.


\def\outlined#1#2#3{\draw[shift={#1},#3,ultra thick] #2;}


명령어 \oval을 두 번째 인자로 넘겨주자는 아이디어였습니다. \solid와 \striped도 같은 방식으로 정의합니다.


\def\solid#1#2#3{\filldraw[shift={#1},#3,ultra thick] #2;}

\def\striped#1#2#3{\draw[shift={#1},#3,ultra thick] #2; \begin{scope}\clip[shift={#1}] #2; \foreach \y in {-.6,-.5,...,.6} \draw[shift={#1},#3] (-.5,\y)--(.5,\y);\end{scope}}



이제 카드 한 장을 그리려면 총 여섯 개의 인자를 넘겨 줍니다. 가로 위치, 세로 위치, 모양, 색깔, 개수, 무늬.


\def\SETcard#1#2#3#4#5#6{

...

}


이 명령에서는 개수만큼 그림을 그려야 하므로,


\foreach \cnt in {1,...,#5}


로 반복하도록 설정하고,


#6{\pos{#1}{#2}{#5}{\cnt}}{#3}{#4}


를 수행합니다. 여섯 번째 인자 #6 자체를 명령으로 수행한다는 게 재미있습니다.


예를 들어, \SETcard{2}{0}{\diamond}{red}{2}{\striped}를 실행하면 내부적으로는 \diamond를 \striped 명령에 인자로 넘겨서 두 번 그리게 됩니다.


이제 위의 81개 카드를 모두 그리려면, \foreach를 각 속성에 대해 4중으로 돌리면 됩니다.

\begin{tikzpicture}[scale=1,line join=round]
\foreach \s in {\squiggle,\diamond,\oval}{
    \setcounter{x}{0}
    \foreach \c in {violet,green!80!black,red}{
        \foreach \sh in {\outlined,\striped,\solid}{
            \foreach \n in {1,2,3}{
                \SETcard\thex{\they}\s\c\n\sh;
                \stepcounter{x}
            }
        }
        \stepcounter{y}
        \setcounter{x}{0}
    }
}
\end{tikzpicture}

고수들에게는 별 것 아니겠지만, 저 같은 하수에게는 명령어 자체를 인자로 넘긴다는 게 재미있는 아이디어여서 소개하면 좋겠다 싶어 올려 봤습니다. 고수의 손길로 좀더 간결하고 멋진 코드가 될 수도 있을 것 같고요.

첨부한 파일은 실제로 SET 게임을 할 수 있도록 A4 용지에 맞추어 만든 PDF 파일입니다. A4 용지 규격이 약 1:1.4니까 아홉 개씩 출력하면 딱 맞습니다. 줄간격이나 색깔, 크기 등을 바꾸고 싶은 분도 있을 것 같아 TeX 소스도 함께 첨부하였습니다.
번호 제목 글쓴이 날짜 조회 수
공지 2019 한국텍학회 제12차 정기총회 및 학술대회 [2] yihoze 2019.01.04 21344
공지 KTUG 사설저장소 브라우저 베이드프즈 2017.07.16 24764
공지 장애 복구 안내 [9] 관리자 2017.05.04 26157
공지 TeX Live 2016 설치 안내 [7] 관리자 2016.06.05 58901
699 워크숍에서 강의를 듣고 있는데욤.... 불량양파 2015.11.07 988
698 표준자판 유감 [6] 세벌 2015.06.29 1610
» SET 게임 카드 그리기 [7] file puzzlist 2015.10.26 1457
696 맥 El capitan에서의 pdftk negatropy 2015.10.27 1158
695 hzquide 화첩 테스트 [9] file negatropy 2015.10.20 1260
694 Windows 10 [5] yihoze 2015.10.20 1266
693 메타포스트로 그린 태극기 [1] file kimperf 2015.10.18 1282
692 chpater toc [3] file yihoze 2015.10.15 1295
691 화첩 만들기 file yihoze 2015.10.15 2083
690 Chapter toc 만들기에 대하여 file yihoze 2015.10.15 2013
689 시나리오 만들기 file yihoze 2015.10.15 1812
688 TeX Live 2015 설치하기, Windows [7] nanim 2015.06.26 2228
687 온라인 텍 도구인 Overleaf를 알려봅니다~ [3] 감자돌이 2015.10.10 1860
686 메타 님께 여쭙습니다. [5] nanim 2015.07.23 1311
685 스포카 한 산스 글꼴 [1] workaholic 2015.10.09 1252
684 gentoo 에서 간단하게 tex 과 emacs 설치를 정리해 봤습니다. [5] 불량양파 2015.10.02 1320
683 이번 추석연휴에는... tex 이나 해볼라꼬.. [2] 불량양파 2015.09.25 1259
682 hzguide 클래스 설명서 [1] yihoze 2015.09.25 1129
681 Essential LateX++ 개정한글판에 대하여 [1] yihoze 2015.09.24 1269
680 네이버에서 새로운 코딩글꼴을 공개했습니다. [2] file 하늘연 2015.09.16 1584



XE Login