한 번 알면 모르던 때로 돌아가지 못하는 롤꾸하기
게시글이 벌써 5월 거네요... 요즘은 이렇게 합니다.
롤꾸는 정말 중독인 거 같아요.
한 번 알면 모르는 때로 돌아갈 수 없어요.
그래서 개인적으로 롤꾸할 때 쓰는 도토리를 정리해두려고요...
이
또한 지인들 보라는 목적하에 작성된 글로 제가 만든 것은 없습니다.
전부 원작자가 있습니다. 저는 뭐 그냥... 다람쥐죠. 롤꾸다람쥐
시작 전에... ...
Q. 롤꾸는 GM만 사용하나?
A. 땡.
PL도 사용할 수 있습니다. 사용하면 뭐가 좋냐면
네. 기분이가 좋아요.
로그 질 올라가면 좋잖아요? ㅎㅎㅎㅎㅎ
그러니 PL을 주로 하시는 분들도 보면 좋을 거예요.
그럼 이제... 레고레고
+ ) 저는 관련 전문 지식이 전무합니다. 정말 아는 게 없고 야매 GM이고 그냥 뭐 막 합니다. 아 되면 된거지~ 이런
식이니까...
양해 부탁드려요. 저는 정말 아는 게 없어요. (ㅋㅋㅋㅋㅋㅋㅋㅠ) 이것저것 주워놓은 다람쥐일뿐.
1. css ... 확장프로그램으로 전체적으로 채팅창 틀 조정
크롬, 웨일, 등 다 되는 걸로 알고
있습니다.
//chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb
User CSS
A quick and easy way to add custom CSS to the current web site.
chrome.google.com
위에 이것을 깔아줍니다.
그럼 이렇게 생겨요. roll20 을 켜고 아래에 써있는 것을 복사 붙여넣기 하세요.
제가 쓰는 것을 예시로 제시했으나... 이것저것 편하게 조합해서 쓰시는 걸 추천드립니다.
원작자는 소아님(@u2787_TR)입니다. 출처 :
//mobile.twitter.com/u2787_TR/status/1360867472392351746
아래는 제가 쓰는 css입니다~!!!
(그대로 복붙하시면 오류납니다! 잘 보고 조합해주세요! 모르겠다 싶으면 질문 편히 주세요!)
더보기
주사위 조절
/*주사위 숫자 nn/nn/nn의 색(백그라운드컬러, 보더(선색))과 글씨색(컬러)*/
.textchatcontainer .inlinerollresult {background-color: #E2E2E2; color: #263040; border:#E2E2E2;}
/*기준치, 굴림 칸 색과 선색(보더)*/
.sheet-rolltemplate-coc-1 table{background-color: #E2E2E2;border: 1px #E2E2E2;}
/*주사위 표 색과 선색(보더)*/
.sheet-rolltemplate-coc-1 caption{background-color: #55515A; border:#55515A; }
/*표 아래 선 색*/
.sheet-rolltemplate-coc-1 td{border-bottom: 1px #E2E2E2}
/*주사위 가로 길이*/
.sheet-rolltemplate-coc-attack-1 {max-width:320%px;}
.sheet-rolltemplate-coc-1 {max-width:320px;}
.sheet-rolltemplate-coc {max-width:320px;}
.sheet-rolltemplate-coc-minionattack {max-width:320px;}
.sheet-rolltemplate-coc-body-hit-loc {max-width:320px;}
.sheet-rolltemplate-default
{max-width:320px;}
.textchatcontainer .message.you .spacer {color:unset;}
폰트
/*을유1945*/
@font-face {
font-family: 'Eulyoo1945-Regular';
src: url('//cdn.jsdelivr.net/gh/projectnoonnu//Eulyoo1945-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*조선신명조*/
@font-face {
font-family: 'ChosunSm';
src: url('//cdn.jsdelivr.net/gh/projectnoonnu//ChosunSm.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/*조선굴림체*/
@font-face {
font-family: 'ChosunGu';
src: url('//cdn.jsdelivr.net/gh/projectnoonnu//ChosunGu.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@import
url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
.nanumgothic * {
font-family: 'Nanum Gothic', sans-serif;
}
채팅 출력 부분 조정
노랗게 표시된 부분은 자간입니다. normal->-2px 로 하면 줄어들고 +2px로 하면 늘어납니다.
/*타인의
채팅*/
.textchatcontainer .message {background-color: #ffffff; line-height: 200%; font-family: 'ChosunGu', sans-serif; text-align: justify; letter-spacing: normal;}
.textchatcontainer .message .spacer {height:1.2px; background-color: #ffffff; margin-right: -10px;}
/* 내 채팅 */
.textchatcontainer .message.you {background-color: #ffffff;line-height: 200%; font-family: 'ChosunGu', sans-serif; text-align: justify;
letter-spacing: normal;}
.textchatcontainer .message.you .spacer {height:1.2px;background-color: #ffffff; margin-right: -10px;}
/*Emas 글꼴&배경&라인 색상*/
.textchatcontainer .emote{font-family: 'Eulyoo1945-Regular', serif; text-align: center; letter-spacing: normal;}
.textchatcontainer .emote{color: #FFFFFF;}
.textchatcontainer .emote {background: linear-gradient(to
bottom, #ebebeb 0%,#ebebeb 100%);}
.textchatcontainer .emote .spacer {background-color: #00ff0000; margin-right: -10px;}
.textchatcontainer .emote {padding-right: 45px;}
/*Emas 글꼴&배경&라인 색상*/
.textchatcontainer .emote{font-family: 'Eulyoo1945-Regular', serif; text-align: center; letter-spacing: normal;}
.textchatcontainer
.emote{color:#363795;}
.textchatcontainer .emote {
padding-left: 17px;
background-image: linear-gradient(to right, #C2FFD8, #465EFB);}
.textchatcontainer .emote .spacer {background-color:#0000;}
.textchatcontainer .emote {padding-right: 34px;}
;}
.textchatcontainer .emote .spacer {background-color:#0000;}
.textchatcontainer .emote {padding-right: 34px;}
빨간색 표시는 그라데이션 배경,
파란색 표시는 단색 배경 때 씁니다.
보라색 부분에 색상 코드를 바꿔주시면 됩니다.
/*desc 글꼴&배경&라인*/
.textchatcontainer .desc{color:#000000;}
.textchatcontainer .desc {background-color:#ebebeb; text-align: center; letter-spacing: normal;}
.textchatcontainer .desc .spacer
{background-color:#00ff0000; margin-right: -10px;}
.textchatcontainer .desc {
font-style: normal;
line-height: 1.7;
font-family: 'ChosunSm', serif;}
/*desc 귓속말*/
.textchatcontainer .message.whisper {font-family: 'ChosunGu', sans-serif; text-align: justify; line-height: 200%; letter-spacing: normal;}
.textchatcontainer .message.whisper .spacer
{height:1.2px;background-color: #00ff0000; margin-right: -10px;}
/*전체 글씨 색상 검정*/
.body {color:black;}
.ui-widget-content {color:black;}
/*버튼 꾸미기*/
.textchatcontainer a[href^="!"], .textchatcontainer a[href^="~"] {background-color: #780707;
color: #ffffff; border-radius: 4px;
}
code {
padding: 2px 4px;
font-size: 100%;
font-family: 'Eulyoo1945-Regular';
color: #FFFFFF;
background-color: #780707;
border-radius: 4px;
}
/*표*/
.sheet-rolltemplate-default caption {
background-color: #55515A;
color: #f1f1f1;
font-family:
'ChosunGu';
font-weight: bolder;
font-size: 1.0em;
padding: 1px;
text-align:center;
}
.sheet-rolltemplate-default td {
padding: 5px;
line-height: 1.4em;
vertical-align: top;
}
.sheet-rolltemplate-default table {
border: #f1f1f1;
}
어택 테이블
/*어택 테이블*/
.sheet-rolltemplate-coc-attack-1 caption {background-color: #55515A; border:#55515A; }
/*어택 테이블 선 색*/
.sheet-rolltemplate-coc-attack-1 td{border-bottom: 1px #E2E2E2}
/*어택 테이블 기준치
굴림 칸 색과 선색(보더)*/
.sheet-rolltemplate-coc-attack-1 table {background-color:
#E2E2E2; border: 1px #E2E2E2;}
/*어택 테이블 피해량*/
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.importantroll {
border: 1px solid #E2E2E2;
background: #E2E2E2;
}
/*어택 테이블 주사위 값 테두리*/
.textchatcontainer .inlinerollresult.fullfail {border:#E2E2E2; }
/*어택 테이블 주사위 값 배경*/
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullfail
{background: #E2E2E2}
/*어택 테이블 피해 값 테두리 & 배경*/
.sheet-rolltemplate-coc-attack-1 .inlinerollresult.fullcrit {border : 2px #E2E2E2; background : #E2E2E2}
1-2. css를 이용해서 폰트를 바꾸고 싶어요!
//noonnu.cc/
눈누
상업용 무료한글폰트 사이트
noonnu.cc
위의 사이트를 이용하시면 됩니다. 방법은... 아래에 적어둘게요.
더보기
1. 사이트에 들어가서 폰트를 고른다.
고르고 난 후 빨간 박스에 <웹폰트로 사용> 이 부분을 긁어주세요.
2. css 박스에 넣는다.
3. font-family: < > 안에 있는 명령어를 원하는 곳에 삽입한다.
표시해놓은 부분이 폰트 조정하는 부분입니다.
4. 완성
2. 자잘한 롤꾸 코드 이용하기
사용 예시는.... 아래와 같습니다.
/desc [나는야 퉁퉁이](#" style="text-decoration:none;font-size:17px;font-weight:bold;text-shadow:1px 2px 1px #77FFC8,-2px 2px 1px #DB91FF)
[나는야 퉁퉁이](#" style="text-decoration:none;font-size:17px;font-weight:bold;text-shadow:1px 2px 1px #77FFC8,-2px
2px 1px #DB91FF)
/as "퉁퉁이" [나는야 퉁퉁이](#" style="text-decoration:none;font-size:17px;font-weight:bold;text-shadow:1px 2px 1px #77FFC8,-2px 2px 1px #DB91FF)
/emas " " [나는야 퉁퉁이](#" style="text-decoration:none;font-size:17px;font-weight:bold;text-shadow:1px 2px 1px #77FFC8,-2px 2px 1px #DB91FF)
예시 순서대로 출력된 결과는... 아래와 같습니다.
순서대로 desc 출력,화자 출력,as 화자지정출력,emas 출력입니다.
여기서 중요한 건 emas 입니다.
emas는 반드시 /emas " " [할말](코드) 이렇게 써야합니다.
/emas [할말](코드) 로 하면
이렇게 나오고
/emas "[할말](코드)" 로 하면
이렇게 나옵니다. 원리는 잘 모르겠으나...
반드시 /emas " " [할말](코드) 로 넣어주세요.
제가 롤꾸할 때 많이 쓰는 코드는 아래 링크에 있습니다! 한번씩 둘러보시면 롤꾸에 정말 큰 도움이 될거예요.
롤꾸 코드 모음집 게시글의 모음
더보기
채팅 효과 및 매크로
- 온도 선배님의 정리글
//yoo-rm-k.postype.com/post/9453450
roll20 채팅 효과 모아놓기 6.27
API 루비 문자 !r [아래에 표시될 문자](위에 표시될 문자) choice 여러가지 선택지를 한번에 입력한 뒤 랜덤하게 하나를 뽑을 수 있는 명령어입니다. choice[항목1,항목2,항목3] 사담 매크로 문구 앞에
yoo-rm-k.postype.com
- 꿀비님의 정리글 (맨 위에 화려한 오프닝 박스는 아래 것을 이용해서
만들었습니다.)
//oprg-rainbee.postype.com/post/9419021
[롤20] CSS 핸드아웃 매크로
CSS로 만드는 핸드아웃의 매크로입니다.저도 전문적인 사람이 아니어서 민망합니다만, 요청이 많아 배포합니다.//li-xx.tistory.com/16 님의 템플렛을 참고로 제작하였습니다. CSS 매크로, 핸드아
oprg-rainbee.postype.com
- 와디랑님의
정리글
//whadis-6ox.postype.com/post/9422109
롤20 로보토미 매크로
이외의 롤꾸는 이쪽에서 봐주세요! → //wady-6ox.tistory.com/221 로보토미 기반 인세인을 하기 위해 만들었습니다만, 로보토미 기반의 다른 룰 시나리오에도 사용할 수 있다면 좋겠네요. CSS에 막
whadis-6ox.postype.com
//docs.google.com/spreadsheets/d/1Qr5e_y9IkEh5H_e1hPsxxPrfE-NRp6WvFXOP_r-DR4I/edit#gid=287467208
[배포용] Roll20 상태표시 매크로
배포 Roll20용 상태표시 매크로,개인세팅시 매크로 수정 OK,재미로 대충 만들었는데 점점 혼자 신나서 수십개가 되어버림 지인들이 배포해달래서 배포해봅니다 아무때나 제 맘대로 수정될 수 있
docs.google.com
//docs.google.com/spreadsheets/d/16ftFfTJn3Qf-RguB12XI5ukMSrOmROx5tD2H43OWdK4/edit
Roll 20 명령어
기본 Roll 20 설명 시트,~공개 2차 배포만 하시지 말아주세요~ 시트 제목 바꾸지 마세요!! 현재 제목: [공유] Roll 20 명령어,이것만 있어도 OK! 기본적인 명령어와 기능에 대한 설명 탭입니다. (많은 맵
docs.google.com
PL이 쓸 수 있는 재밌는 매크로도 소개해드립니다!
//calytr.postype.com/post/6691885
PL 요청 매크로 + 이미지 배포
간편하게 클릭해서 사용할 수 있는 요청사항 매크로 입니다. [img](//i.imgur.com/?{요청사항|!!급한 용무!!,WsQgEw8|화장실! 진행하고 계세요,FxPxqB2|롤플할래요,zOMDTJj|다녀왔습니다,5cdSS6C|10분 휴식,QG
calytr.postype.com
//twitter.com/gung_trpg/status/1220294229668220928
트위터에서 즐기는 🎲긍🎲
“그냥 여기에 박제해둬야할듯 세션하다가 실수했을때☆ 곤란해졌을 때☆ 쓰세요☆ /desc [화면조정](//t.co/gixoKmsOlB)”
twitter.com
3. 그 외에... 센스
저도 아직
이것을 찾지 못했습니다. 이 세상 모든 GM님들 응원합니다. 화이팅!
제가 진짜 많이 쓰는 건 온도 선배님 글에 적혀있는 코드인거 같고... 그 외엔 ``조사`` 이거랑 선택지 창 같아요.
예시를 조금 보여드리자면...
- 선택지 창
ex)
/emas " " [ 안](! /e , 안으로 갑니다.) [ ](! /e , 으로 갑니다.) [ 안](! /e , 안으로 갑니다.)
아래에 있는 두개를 응용해서 만든 것 입니다.
위의 버튼을 누를 시에 PC들의 인장과 함께 결과값이 emas로 출력되어 나옵니다.
- ``조사구역`` 표시
ex) /as "🐹❗" [**지하철**을 조사할 수 있습니다.](#" style="text-decoration:none;color:black;background-color:white;text-align:center;display:block;padding:4px;) [조사 가능 구역은``화장실``,``자판기``,``편의점``,``의자``,그 외의 공간입니다. ](#" style="text-decoration:none;color:black;background-color:white;text-align:center;display:block;padding:4px;)
- *기울기*, **볼드**, **볼드+기울기**
+) Q. roll20 emas 출력이 막혔어요.
A. //2009060438.tistory.com/57
roll20 emas 임시방편 콩쥐야...!
roll20 롤 20 emas "할말" emas 안됨 오류남 기타 등등 에 대한 해결법을 간단히 적으려고 티스토리를 켰습니다. /emas "할말" 이 출력이 안 되더라고요. 아무리 쳐봐도 아무것도 뜨지 않아요. 이게 단순
2009060438.tistory.com
roll20이 롤꾸를 막더라도 포기하지 않으리
질문은 아래 오픈카톡 주세요. 저는 비전문가고 야매라서 잘 모르지만... 도와드릴 수 있는 건 도와드립니다
//open.kakao.com/o/sjh8nSOb
공정
@아이디까먹음
open.kakao.com