한 번 알면 모르던 때로 돌아가지 못하는 롤꾸하기

한 번 알면 모르던 때로 돌아가지 못하는 롤꾸하기

 

대충 이런 오프닝도 만들 수 있음.

 

게시글이 벌써 5월 거네요... 요즘은 이렇게 합니다.

롤꾸는 정말 중독인 거 같아요.
한 번 알면 모르는 때로 돌아갈 수 없어요.
그래서 개인적으로 롤꾸할 때 쓰는 도토리를 정리해두려고요...
이 또한 지인들 보라는 목적하에 작성된 글로 제가 만든 것은 없습니다.
전부 원작자가 있습니다. 저는 뭐 그냥... 다람쥐죠. 롤꾸다람쥐

시작 전에... ...

Q. 롤꾸는 GM만 사용하나?

A. 땡.
PL도 사용할 수 있습니다. 사용하면 뭐가 좋냐면

 

네. 기분이가 좋아요.

로그 질 올라가면 좋잖아요? ㅎㅎㅎㅎㅎ
그러니 PL을 주로 하시는 분들도 보면 좋을 거예요.
그럼 이제... 레고레고

+ ) 저는 관련 전문 지식이 전무합니다. 정말 아는 게 없고 야매 GM이고 그냥 뭐 막 합니다. 아 되면 된거지~ 이런 식이니까...
양해 부탁드려요. 저는 정말 아는 게 없어요. (ㅋㅋㅋㅋㅋㅋㅋㅠ) 이것저것 주워놓은 다람쥐일뿐.

---

1. css ... 확장프로그램으로 전체적으로 채팅창 틀 조정

크롬, 웨일, 등 다 되는 걸로 알고 있습니다.
https://chrome.google.com/webstore/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb

User CSS

위에 이것을 깔아줍니다.

그럼 이렇게 생겨요. roll20 을 켜고 아래에 써있는 것을 복사 붙여넣기 하세요.
제가 쓰는 것을 예시로 제시했으나... 이것저것 편하게 조합해서 쓰시는 걸 추천드립니다.
원작자는 소아님(@u2787_TR)입니다. 출처 : https://mobile.twitter.com/u2787_TR/status/1360867472392351746

글쓴이의 롤꾸로 진행된 세션들입니다. 편하게 둘러보시고 질문주세요!

난외의 여백
코끼리 무덤 (pw. 2021)
속마음 커뮤니케이션 (pw. 2021)

아래는 제가 쓰는 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('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/Eulyoo1945-Regular.woff') format('woff');

font-weight: normal;
font-style: normal;
}

 

/*조선신명조*/
@font-face {
font-family: 'ChosunSm';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.1/ChosunSm.woff') format('woff');

font-weight: normal;
font-style: normal;
}

 

/*조선굴림체*/
@font-face {
font-family: 'ChosunGu';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/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를 이용해서 폰트를 바꾸고 싶어요!

 

https://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 " " [할말](코드) 로 넣어주세요.

제가 롤꾸할 때 많이 쓰는 코드는 아래 링크에 있습니다! 한번씩 둘러보시면 롤꾸에 정말 큰 도움이 될거예요.

 

롤꾸 코드 모음집 게시글의 모음

채팅 효과 및 매크로

 

- 온도 선배님의 정리글
https://yoo-rm-k.postype.com/post/9453450

roll20 채팅 효과 모아놓기 6.27

- 꿀비님의 정리글 (맨 위에 화려한 오프닝 박스는 아래 것을 이용해서 만들었습니다.)
https://oprg-rainbee.postype.com/post/9419021

[롤20] CSS 핸드아웃 매크로

- 와디랑님의 정리글
https://whadis-6ox.postype.com/post/9422109

롤20 로보토미 매크로

https://docs.google.com/spreadsheets/d/1Qr5e_y9IkEh5H_e1hPsxxPrfE-NRp6WvFXOP_r-DR4I/edit#gid=287467208

[배포용] Roll20 상태표시 매크로

https://docs.google.com/spreadsheets/d/16ftFfTJn3Qf-RguB12XI5ukMSrOmROx5tD2H43OWdK4/edit

Roll 20 명령어

---

PL이 쓸 수 있는 재밌는 매크로도 소개해드립니다!

https://calytr.postype.com/post/6691885

PL 요청 매크로 + 이미지 배포

 

https://twitter.com/gung_trpg/status/1220294229668220928 

트위터에서 즐기는 🎲긍🎲

 

 

3. 그 외에... 센스

저도 아직 이것을 찾지 못했습니다. 이 세상 모든 GM님들 응원합니다. 화이팅!
제가 진짜 많이 쓰는 건 온도 선배님 글에 적혀있는 코드인거 같고... 그 외엔 ``조사`` 이거랑 선택지 창 같아요.
예시를 조금 보여드리자면...

- 선택지 창

ex)
/emas " " [ 안](!&#13;/e , 안으로 갑니다.)　[ ](!&#13;/e , 으로 갑니다.)　[ 안](!&#13;/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. https://2009060438.tistory.com/57

roll20 emas 임시방편 콩쥐야...!

roll20이 롤꾸를 막더라도 포기하지 않으리

---

질문은 아래 오픈카톡 주세요. 저는 비전문가고 야매라서 잘 모르지만... 도와드릴 수 있는 건 도와드립니다!

게시글 꼼꼼하게 읽어주세요! 게시글 내에 있는 건 질문 안 받습니다!

코드 짜주세요(저도 야매라서 짤 줄 모릅니다 ㅠㅠ), 롤꾸 해주세요(money 주시나요 ㅠㅠ), 아몰라몰라도와줘요(그런의지로는롤꾸못합니다!!!!!!!!!!롤꾸는원래귀찮은겁니다!!!!!!!!) NO!!!!!!!!!!!!!!!!!!!

예의를 꼬옥 지켜주시면 감사합니다...S2 우리 롤꾸 화이팅 

 

https://open.kakao.com/o/sjh8nSOb

공정