PC로 접속해주세요!
-아이템을 드래그해서 옮겨보세요.
-벽지와 바닥은 처음에 놔주는게 좋아요!
-완성되면 캡쳐해서 저장하세요!
-저장했다면, 새로고침해야 가구들이 원래대로 돌아가요.
제작: 예찬, @x_yechan
Fiction Blue
Ayase
개인적으로 쓰려고 이것저것 찾고 직접 만들며 정리해뒀습니다. 웹 서치로 찾으신 경우 외부 공유는 자제 부탁드립니다. (부끄러워요)
퍼옴: 출처 및 원본 링크 기재
저는 전공자가 아니며 html을 배운 적 없습니다.
0.인트로 코드/핸드아웃 템플릿/CSS모음
0-1.인트로 코드 통합본
0-2.핸드아웃 템플릿
0-3.핸드아웃 CSS 이미지
0-3.CSS모음
ㄴ자동화 시트 (유료)
0-4.롤꾸 모음
0-5 채팅효과
0-6.gm 채팅용
0-7.상태창 모양 매크로
0-8.롤20 채팅 매크로 세트
1.얇은 나레이션
이 매크로 쓰면서 할말**볼드체 쓰고 싶은 부분**할말 하면 선택 부분만 볼드체 적용됩니다
/desc [?{할말}](#" style="text-decoration: none; color:#333333; font-size:14px; font-weight: normal;)
2.나레이션
/desc ?{내용}
3.검정 배경 나레이션
/desc [?{할말|}](#" style="color: #ffffff;background-color:#000000;margin:1px;text-align:center;user-select:none;display:block;padding:5px)
4.엔딩 매크로
/desc [END ?{엔딩번호}](#" style="font-style: normal; text-decoration:none; color: #색상코드;) [?{엔딩명}](#" style="font-style: normal; text-decoration:none; color: #333333;)
/desc [KPC](#" style="font-style: normal; text-decoration:none; color: #색상코드;) [?{KPC상태}](#" style="font-style: normal; text-decoration:none; color: #333333;) [PC](#" style="font-style: normal; text-decoration:none; color: #색상코드;) [?{PC상태}](#" style="font-style: normal; text-decoration:none; color: #333333;)
/desc [?{기타}](#" style="font-style: normal; text-decoration:none; color: #A9A9A9;)
5.BGM 매크로
5-1.CD 출처
/desc [ ](?{Link}#" target="blank" style="display:block; min-height:83px; margin: -7px -15px; position: absolute; width: 100%; z-index: 1;") [[<a href=](https://i.imgur.com/Pk17uwa.png)](#" style="background-size: cover; width: 50px; height: 50px; cursor: default; position: absolute; left: 20px; top: 20px; padding-bottom: 20px;") [BGM♬](#" style="text-decoration: none; font-style:normal; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #ccc; color: #333; position: absolute; left: 80px; top: 23px; text-align: left; width: 50%; letter-spacing: -1.5px;") [?{Name}](#" style="font-size: 12px; font-weight: normal !important; color: #777; cursor: default; font-style:normal; text-decoration: none; position: absolute; left: 80px; top: 50px; text-align: left; width: 50%; line-height: 1.2; letter-spacing: -1.5px; width: 50%;") [[<a href=](https://i.imgur.com/fs59DDF.png)](#" style="background-size: cover; width: 30px; height: 30px; cursor: default; position: absolute; top: 30px; right: 20px;") [ ](#" style="display:block; background-color:#f8f8f8; min-height:83px; margin: -7px -15px;")
5-2.레트로 출처
/desc [ ♬ ?{BGM제목|15자 이하} ▶ ■ ](?{URL|BGM 링크} #" style=" text-decoration: none; font-style: normal !important; font-weight: normal !important; text-align: center; display: inline-block; color: white; background: black; letter-spacing: -1px; border-radius: 20px; padding: 5px 15px; margin-left: -4px; box-shadow: 2px 2px 1.5px #0101DF, -1px 3px 1.5px #B404AE; text-shadow: 1.5px 1.5px 3px #77FFC8 , -2px 1px 3px #DB91FF; )
5-3.화려 레트로 출처
/desc [˚✧₊⁎ ?{제목|} ⁎⁺˳✧˚](?{링크|} #" style="text-decoration: none; text-align: center; display: block; color: white; background-color: black; font-size: 10px; letter-spacing: 3px; line-height: 2; border-radius: 20px 20px 0px 0px; padding: 20px 25px 0px 25px; text-shadow: 1.1px 1.1px 20px white, 0 0 2px white; )[0:23 ━━❚━━━━━━ 3:09](?{링크|} #" style="text-decoration: none; text-align: center; display: block; color: white; background-color: black; font-size: 14px; letter-spacing: 3px; line-height: 2; text-shadow: 1.1px 1.1px 20px white, 0 0 2px white; )[⇆ ⠀⠀⠀⠀⠀◃ ❚❚ ▹ ⠀⠀⠀⠀ ↻](?{링크|} #" style="text-decoration: none; text-align: center; display: block; color: white; background-color: black; font-size: 12px; letter-spacing: 3px; line-height: 2; padding: 0px 25px 20px 25px; border-radius: 0 0 20px 20px; text-shadow: 1.1px 1.1px 20px white, 0 0 2px white; )
5-4. 이것저것... 출처 및 다른 매크로
6.블러처리
[?{ }](#" style="text-decoration: none; color:rgba(0,0,0,0); text-shadow:5px 0px 10px black,-5px 0px 10px black; font-size:11px;)
7.레트로 상태표시
?{상태표시| 🙋♀️인사하기, [그림](https://i.imgur.com/5GboZFF.png)| 👋환영하기, [그림](https://i.imgur.com/ZdfVz6M.png) | ✨응원하기, [그림](https://i.imgur.com/xbEvRFf.png) | 🎉축하하기, [그림](https://i.imgur.com/9IgpsaJ.png)| 🙆♀️좋아요, [그림](https://i.imgur.com/F8DZwcD.png) | 🙅♀️아니요, [그림](https://i.imgur.com/ijp3h64.png) | 🙇♀️감사하기, [그림](https://i.imgur.com/JRI3d0a.png)| 🙏죄송하기, [그림](https://i.imgur.com/v0Lfafp.png) | 🎵신나하기, [그림](https://i.imgur.com/R49XGHz.png)| 💖사랑하기, [그림](https://i.imgur.com/WkX0z1m.png)| 🔪살해하기, [그림](https://i.imgur.com/o9N4Foo.png) | 🖤질투하기, [그림](https://i.imgur.com/JiB70df.png) | 📜고소하기, [그림](https://i.imgur.com/2UEoH9U.png) | 💡아는척하기, [그림](https://i.imgur.com/3kkGzqA.png)| 😧어쩜이런일이, [그림](https://i.imgur.com/kmgaNYT.png) | 💧살려주세요, [그림](https://i.imgur.com/ZgPFOBc.png) | 🩸죽여주세요, [그림](https://i.imgur.com/HlDwmym.png) | 🎲기도하기, [그림](https://i.imgur.com/OkorFQ4.png)| 😎가오잡기, [그림](https://i.imgur.com/4GhsyXO.png) | 👌그럴수도있지, [그림](https://i.imgur.com/O5ZF5xz.png) | 🏃♂️가보자고, [그림](https://i.imgur.com/zKjnzTs.png) | 🔗감정공유, [그림](https://i.imgur.com/zHscu7i.png) | 😯ㄴㅇㄱ, [그림](https://i.imgur.com/81shJnA.png) | 😰당황하기, [그림](https://i.imgur.com/9M3PnnO.png) | ⏱타임 외치기, [그림](https://i.imgur.com/P8glsgI.png)| 🤦♀️고민하기, [그림](https://i.imgur.com/pirqYYd.png) | 🏃♀️행복찾아떠나기, [그림](https://i.imgur.com/LvwaOp9.png) | ⚡하이얏-, [그림](https://i.imgur.com/sUEW7sy.png) | ☝화장실, [그림](https://i.imgur.com/q1uObyj.png)| 💧물떠옴, [그림](https://i.imgur.com/bJ9ZYaj.png)| 👍컴백하기, [그림](https://i.imgur.com/JE9IoxJ.png) | 🙋♀️수고하셨습니다, [그림](https://i.imgur.com/FTpab9n.png)}
8.산탄총 피해 주사위 결정
/desc *12게이지 산탄총이 명중했습니다.*
/desc *표적이 입은 피해는 ?{표적과의 거리는?|근거리(10m),[[4d6]]입니다. |중거리(20m),[[2d6]]입니다. |장거리(50m),[[1d6]]입니다.}*
9.NPC 매크로/귓속말 매크로/비밀 다이스 매크로
•NPC 매크로
/as "?{NPC|이름1|이름2|이름3|이름4|이름5}"?{보낼 내용|대사}
•귓속말 매크로
/w "?{상대}"?{내용}
해당 귓속말 매크로는 NPC 매크로와 동일한 형식으로 대상 선택지 추가하여 사용 가능합니다.
예시- /w "?{상대|PC1|PC2|PC3}"?{내용}
*해당 귓속말 매크로 사용 시 귓속말이 안 보내지는 오류가 있습니다. 만든 제가 html이나 css를 전혀 배운 적 없기 때문에 천천히 수정됩니다… 혹시 해결법을 아시는 분께서 연락해주신다면 정말 감사하겠습니다.
•비밀 다이스 매크로
/w gm &{template:coc-1}{{name=?{기능}}}{{success=[[?{기능치}]]}}{{hard=[[floor(?{기능치}/2)]]}}{{extreme=[[floor(?{기능치}/5)]]}}{{roll1=[[1d100]]}}
10.머뭇/무시하셈/미친놈/쓰는중 매크로
[img](?{매크로|머뭇,https://i.imgur.com/XyGvVgF.png|무시해,https://i.imgur.com/BnGZTZx.png|미친놈,https://i.imgur.com/Suy2mzU.png|쓰는중,https://i.imgur.com/yzjGim2.png})
11.잡다한거
11-1.카톡 출처
[ . ](#" style="text-decoration: none; font-size: 3px; font-weight: bold; color: #000; opacity:0; )
[ . ](#" style="text-decoration: none; border: 12px solid transparent; height: 0px; color: #ffffff; border-right-color: #ffffff; border-left: 1; border-bottom: none; margin-top: 10px; margin-left: -24px; position: absolute; font-size:0px; ) [?{할말|}](#" style="text-decoration: none; text-align: justify; display: inline-block; background: #ffffff; font-size:12px; line-height: 20px; max-width: 200px; border-radius: .4em; padding: 7px; pointer-events: none !important; cursor: default; )
11-2.생각 말풍선
[●](#" style="color:white; font-size:10px; text-shadow:1px 1px 1px #97A9B9; text-decoration:none;)[●](#" style="color:white; font-size:15px; text-shadow:1px 1px 1px #97A9B9; text-decoration:none;) [?{내용}](#" style="text-decoration:none; color:black; background:white; border-radius:20px; line-height:1.3; padding:6.5px; display: inline-block; box-shadow: 1px 1px 1px #97A9B9;)
11-3.로딩중 출처
/desc [ . ](#" style=" decoration:none; text-decoration:none; font-style: normal !important; text-align:center; display: block; color:#000; background-color: #000; line-height:1.5; padding: 40px 25px 0px 25px; margin: -10px -10px -10px -15px; font-size:12px; ) [NOW LOADING](#" style="text-decoration: none; font-style: normal !important; text-align: center; display: block; color: #fff; font-size: 12px; )[ . ](#" style=" background-image: '
https://blog.kakaocdn.net/dn/zQQMC/btrr2WiWXJI/tme25Y636j4xfK0FF3kXm1/img.gif
';
font-size: 0px; padding: 50px 95px 10px 95px; background-repeat: no-repeat; background-size: contain; margin: 0px 0px 0px -95px; position:absolute; )[ . ](#" style="text-decoration:none; font-style: normal !important; text-align:center; display: block; color:#000; background-color: #000; line-height:1.5; padding: 0px 25px 88px 25px; margin: -10px -10px -10px -15px; font-size:12px; )
11-4.시간의 흐름 출처
/desc [ . ](#" style=" decoration:none; background-image: '
https://blog.kakaocdn.net/dn/mA6Yc/btrr1iUMkh0/1cko47qYnjYHe9LAxFLpW1/img.gif
';
font-size: 0px; padding: 50px 95px 50px 95px; background-repeat: no-repeat; background-size: contain; margin: 3px 0px 0px -95px; position:absolute; )[ . ](#" style="text-decoration:none; font-style: normal !important; text-align:center; display: block; color:#000; background-color: #000; line-height:1.5; padding: 60px 25px 88px 25px; margin: -10px -10px -10px -15px; font-size:12px; ) [ NOW LOADING… ](#" style="text-decoration: none; font-style: normal !important; text-align: center; display: block; color: #fff; font-size: 11px; margin-top: -35px; margin-left: -15px; )
11-5.그런데 그 때 닌자가 나타났다
[닌자등장](https://i.imgur.com/d61x7wr.gif)
11-6.핑크샤방글씨
[?{할 말}](#" style="color:white;font-size:15px;line-height:20px;text-shadow:3px 0px 6px #FE2E64,-5px 0px 10px #F5BCA9)
11-7.루비문자(글씨 위에 작은글씨)
/desc [?{작은글씨}](#" style="font-size:7pt; position:absolute; width:100%; top:3px; left:0px; display:block; text-decoration:none; color:#000000 !important;)[?{본문}](#" style="position:relative; padding-top:7px; display:block; text-decoration:none; color:#000000 !important;)
11-8.루비문자 핑크샤방글씨
/desc [?{루비}](#" style="font-style: normal !important;font-family: 'Noto Sans KR', sans-serif; text-decoration:none;font-size:8pt; position:absolute; width:100%; top:8px; left:8px; font-weight:bold; line-height:1.5; display:block; text-decoration:none; color:#글자색 !important;text-shadow: 0 0 2px white, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 10px 그림자색;)[?{본문}](#" style="text-decoration:none; display:block; text-align: center; font-family: M PLUS Rounded 1c, sans-serif; font-weight: bold; font-style: italic; font-size:20px; margin: 28px 0px 7px 0; color: #글자색; text-shadow: 0 0 2px white, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 3px 그림자색, 0 0 10px 그림자색;" )
11-9.색상 글자
[할말](#" style="text-decoration:none; color: #색상코드;)
11-10.일본풍 메일 출처
%NEWLINE%[x](https://i.imgur.com/MzZGRIB.png)%NEWLINE%[x](https://i.imgur.com/rwEytYz.png)[XX/XX(日) OO:OO%NEWLINE%?{수신인}%NEWLINE%?{메일 제목}](#" style="text-decoration:none; border-right:1px #01429a solid; margin:0; display:inline-block; background-color:white; width:131px; height:49px; padding-top:1px; font-size:12px; line-height:15px; vertical-align:bottom; overflow:hidden; color: #01429a;)%NEWLINE%[?{메일 내용}](#" style="text-decoration:none; border:1px #01429a solid; border-top:1px solid lightgrey; display:inline-block; margin:0; background-color:white; width:138px; padding:5px; font-size:12px; color: #01429a;)%NEWLINE%
11-11.트위터형 채팅 매크로
[⭐](#"style="color: black; text-align: left; display: block;)[?{트위터 닉넴|}](#"style=" color: black; width: 80px; height: 20px; font-size: 13px; font-style: normal; font-weight: bold; text-align: left; background: white; border: 2px solid black; border-bottom: none; border-right: none; padding: 10px 10px; padding-bottom: 0; text-decoration: none; display: inline-block; overflow : hidden; text-overflow: clip;)[@?{트위터 아이디(@제외)|}](#"style=" color: grey; width: 85px; height: 20px; font-size: 12px; font-style: normal; font-weight: normal; text-align: left; background: white; border: 2px solid black; border-left: none; border-bottom: none; border-right: none; padding: 10px 5px; padding-left: -5; padding-bottom: 0; text-decoration: none; display: inline-block; overflow : hidden; text-overflow: clip;)[ ● ?{시간|방금|n초 전|n분 전|n시간 전}](#"style=" color: grey; width: 55px; height: 20px; font-size: 11px; font-style: normal; font-weight: normal; text-align: left; background: white; border: 2px solid black; border-left: none; border-bottom: none; padding: 10px 5px; padding-bottom: 0; text-decoration: none; display: inline-block; overflow : hidden; text-overflow: clip;)[?{트윗 내용|}](#"style=" color: black; width: 235px; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: -1px; text-align: left; background: white; border: 2px solid black; border-top: none; border-bottom: none; padding: 14px 10px; text-decoration: none; display: block; position: relative; bottom: 5px;)[💬 ♻ ❤ ⎙](#"style=" color: black; width: 235px; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: -1px; text-align: center; background: white; border: 2px solid black; border-top: none; padding: 10px 10px; padding-top: -10; text-decoration: none; display: block; position: relative; bottom: 7px;)
이외 링크
-롤20 크롬 확장 프로그램 VTT Enhancement Suite 사용법
-HTML 색상 코드 차트
-Roll20 명령어 모음
-Watch2Gether
팬블미
-팬텀 블루 미스트 맵시트(배포종료)
-팬블미 맵 시트 및 배경/핸드아웃
-Roll20 개인 백업용 정리
-Roll20 GM용 명령어/매크로 개인적인 정리
-개인 백업용 Roll20 CSS
-탐사자 정리 시트
-TRPG 매니징 시트
-트리거 워닝표 시트
-시나리오 개요 및 주의사항 안내 시트
-잡다한 시트들
-커스텀 주사위
-미연시 선택지 매크로
-롤꾸백업
-크리그어