[캐비닛키] 자작 세계관, 작품 정리 툴 만들기 [정적웹]
세계관 및 캐릭터를 정리하는 정적웹사이트 만들기
자작 캐릭터, 자작 세계관 구상.
평소 만화나 애니메이션을 좋아하는 사람들의 전유물이었는데요,
남녀노소 할 것없이 웹소설이나 웹툰을 대중적으로 접하게 되면서 자작 세계관을 구상해 본 분들이 꽤 되실 것 같아요.
저도 요즘 그쪽에 다시 빠지게 되어 관련 자료를 정리하는 서랍장 같은 툴이 필요하게 되었어요.
사실 평범하게 노션이나 위키를 설치하려고 했는데 노션은 너무 무겁고, 위키는 서버 자원을 추가로 먹게 되어 부담스러웠어요.
그래서 Misskey라는 SNS에 계정 하나를 생성하여, 해당 계정을 단일 세계관의 캐릭터 위키 겸 작품 업로드 게시판으로 쓸 수 있도록 하려고 해요.
CabinetKey
캐비닛키는 사실 자작 세계관 정리용으로 제작되고 있진 않아요.
기본적으로 *.json(별돋조선)의 하위 프로젝트인데,
제목에서 알 수 있듯이 실제 역사 기반으로 돌아가는 작품이다 보니 구체적인 세계관 (역사, 문화, 경제 등) 설정이 필요 없기 때문이에요. 정도전씨가 다 해줬어요
그래서 딱 장소와 캐릭터 에 중점을 두고 기능을 구현하기로 했어요.
타겟
JSON
받아올 json은 이렇게 생겼어요.
{
"info": {
"title": "",
"subTitle": "",
"summary": "",
"description": "",
"mainYear": "",
"map": "",
"hashtag": [""]
},
"character": {
"category": [""],
"list": [
{
"avatar": "",
"name": "",
"meaning": "",
"courtesyName": "",
"nickname": "",
"lived": [0, 0],
"category": "",
"subCategory": "",
"eventChronology": {
"0.0": "",
"0.0": "",
"0.0": ""
},
"positionChronology": {
"0.0": "",
"0.0": ""
},
"relatedTo": {
"분류1": [0],
"분류2": [0]
},
"goal": ["", ""],
"themeSong": [0],
"summary": "",
"description": "",
"secret": "",
"hashtag": ""
}
]
},
"world": {
"x,y": {
"name": "",
"image": "",
"summary": "",
"description": "",
"eventChronology": {
"0.0": ""
},
"relatedTo": {
"분류1": [0]
}
}
},
"themeSong": [
{
"embed": "",
"title": "",
"artist": "",
"character": 0,
"summary": "",
"description": "",
"lyrics": ""
}
]
}
기능 구현
구현된 기능
- 메인 페이지 상에 간단하게 10x10으로 구획된 지도와 캐릭터 목록을 출력해 줘요.
- 지도 상에 배경이미지를 지정하여, 지도의 각 구획마다 어떤 특징적인 장소가 존재하는지 표시할 수 있어요.
- 실제 지도와 흡사한 그림을 사용해도 되지만, 수도권 전철노선도처럼 도형화 된 이미지가 좋아요.
- 지도 상의 각 위치마다, 즉 최대 100개 장소의 정보를 기록할 수 있어요.
- 캐릭터들의 분류와 하위분류를 설정할 수 있어요.
- 어떤 캐릭터와 다른 캐릭터들 사이를 관계로 연결시킬 수 있어요. 관계는 분류처럼 작용해요.
- 지도상의 어떤 장소와 캐릭터들 사이를 관계로 연결시킬 수 있어요. 관계는 분류처럼 작용해요.
- 캐릭터의 연표가 존재하는데, 캐릭터의 작중 포지션과 사건이 구분되어 있어요.
- Main Year (작중에서 가장 중점적으로 다루는, 많은 사건이 일어나는 연도) 를 지정할 수 있어요.
- 캐릭터의 연표상에서 Main Year는 연 단위가 아닌 월 단위로 나타나고, 접어도 접히지 않아요.
- 특정 연도를 지정하면(초기값은 Main Year로 설정되어 있어요), 그 연도에 살아 있는 캐릭터들만 볼 수 있어요.
구현할 기능
- 모바일 화면과 같은 작은 세로화면에 대응할 계획이에요.
- 세계관소개, 작품모음 페이지를 추가할 계획이에요.
- 캐릭터처럼, 지도상에서의 공간 변화나 장소 이전을 반영할 수 있도록 해 볼 예정이에요.
- 작품목록과 별개로, 캐릭터의 테마곡을 몇 곡 지정할 수 있어요.
- 임베딩 기능을 사용하므로 기성 곡이든 자작곡이든 다 가능해요.
- 곡 정보 페이지도 개설할 수 있어요.
미스키 연동 기능
- 처음 로그인하면 미스키에 cabinetkey.json 페이지가 개설되어요. 여기에서 대부분의 내용을 작성하고 수정해요.
- 캐릭터 정보, 월드 정보는 미스키 내부가 아니라 캐비닛키 사이트에서 추가, 수정, 삭제할 수 있어요.
- 해시태그 기능으로 미스키 노트에서 각 캐릭터와 관계된 작품을 불러올 수 있어요.
- 해시태그 기능으로 미스키 노트 중 캐릭터와 관계된 사소한 이야기를 불러올 수 있어요.
- 이런 작품과 이야기는 캐비닛키 사이트에서 추가 및 삭제할 수 있어요.
- 미스키에서는 수정 기능이 없는데요, 대신 삭제 및 편집 기능으로 수정된 작품을 재게시 할 수 있도록 할 예정이에요.