6/27 Poetry game 하이쿠 게임 만들기

<aside> 💡 하이쿠? 일본의 단시(짧은시)입니다. 5-7-5 음절이라는 법칙이 있고 주로 자연이나 계절에 대한 시인의 인상을 표현합니다. 세상에서 가장 짧은 시의 장르이기도 합니다.

</aside>

Twine은 텍스트 기반의 스토리 게임에 특화되어 있습니다 (물론 가능성은 무궁무진하지만요!). 하이쿠와 같은 아주 짧은 텍스트를 Twine이라는 툴을 통해, 게임을 통해 확장해보는 것을 경험할 수 있다고 생각했어요.

이런식으로 단어를 변형시킬 수도 있어요.

Twine 구절(passage)안에는 이 짧막한 매크로를 넣었습니다. cycling-link라는 매크로인데, 정해진 단어 리스트 안에서 클릭을 하면 순차적으로 단어가 바뀌어서 보여지는 기능이에요.

그리고 약간의 CSS를 이용해서

폰트도 바꿔보고

글자색과 배경색도 바꿔보는 거죠!

내 Twine 게임의 스타일시트(배경색, 글자색, 폰트 등 꾸미는 용도)에 접속하려면 이렇게 게임 제목을 클릭하고, Edit Story Stylesheet를 클릭하시면 되요.

방금 전 보신 예제의 스타일시트는 이렇게 생겼습니다. 복잡해 보이지만 사실 간단해요.

@font-face { } 라고 되어 있는 첫 단락은 웹폰트를 불러오는 주소입니다. (눈누폰트에서 복사해왔어요)
tw-story { } 두 번째 단락은 스토리 전반에 대한 부분이에요. 여기에 앞서 불러온 폰트를 지정해주고(font-family), 글자 크기(font-size), 글자색(color), 배경색(background-color, background)을 지정해줬어요.
tw-link { }는 게임에서 보여지는 모든 링크들(클릭할 수 있는)을 꼭 집어서 지정해줘요.

하이쿠봇 - 매일매일 하이쿠를 올려주는 트위터 봇

눈누폰트 - 한글 무료 웹폰트 많음!