주사위 문서 원본 보기

==주사위 굴리기==
{{#expr: {{#time: s}} mod 6 + 1}}
<onlyinclude>
<div style="position:relative; width:{{{1|150}}}px; height:{{{1|150}}}px; border:{{{2|5px solid black}}};">
{{#switch:{{#expr:{{#time:s}} mod 6 + 1}}
|1=
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:45%; top:45%;"></div>
|2=
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; top:5%;"></div>
|3=
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:45%; top:45%;"></div>
|4=
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; bottom:5%;"></div>
|5=
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:45%; top:45%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; bottom:5%;"></div>
|6=
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; left:5%; top:45%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:{{{3|black}}}; right:5%; top:45%;"></div>
}}
</div>

<span style="background:{{{6|cyan}}}; display:inline-block; padding:0.5em 1em;" title="{{{4|다시 굴리기}}}" class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=purge}} {{{5|다시 굴리기}}}]</span>
</onlyinclude>

=== 다른 문서에서 쓸려면 ===

<nowiki>{{:주사위|크기(px 안 붙여야한다.)|테두리 속성(색, 모양, 굵기 다 적어야한다.)|점 색깔|다시 굴리기 버튼에 마우스 올리면 뜨는 메시지|다시 굴리기 버튼에 쓰일 글자|다시 굴리기 버튼 색}} 이렇게 적어서 쓰자.</nowiki> [현재 2차 업그레이드 모드]

예를 들어서

<nowiki>{{:주사위|200|5px dotted blue|red|다시|다시 굴려!|yellow}}</nowiki>면

{{:주사위|200|5px dotted blue|red|다시|다시 굴려!|yellow}}

그리고 이거 한 문서에 두 개 넣었을때 두 개 다 다른 결과가 나오는 거랑 꼭 다시 굴리기를 누르지 않아도 결과가 바뀌는건 [https://mediawiki.org/wiki/Extension:RandomSelection 랜덤 선택 확장 기능]이 설치가 안 되서 div로 겨우 한거라 현재는 아직 안 된다.

=== 3d 버전 ===

<div style="width:100px; height:100px; prespective:200px; margin:50px auto;">
<div style="position:relative; transform:rotateX({{#switch:{{#expr:floor({{#time:U}} mod 24 mod 6) +1}}|1|6=45|-45}}deg) rotateY({{#switch:{{#expr:floor({{#time:U}} mod 24 mod 6) + 1}}|1=0|6=180|{{#expr:45 + ({{#expr:floor({{#time:U}} mod 24 div 4)}}) * 90}}}}deg) rotateZ({{#switch:{{#expr:floor({{#time:U}} mod 24 mod 6) + 1}}|2=270|3=180|4=0|5=90|{{#expr:45 + ({{#expr:floor({{#time:U}} mod 24 div 4)}}) * 90}}}}deg); transform-style:preserve-3d; width:100%; height:100%;">
<div style="position:absolute; width:96px; height:96px; opacity:0.9; transform:rotateY(0deg) translateZ(50px); border:2px black solid; background:white;">
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:45%; top:45%;"></div>
</div>
<div style="position:absolute; width:96px; height:96px; opacity:0.9; transform:rotateY(90deg) translateZ(50px); border:2px black solid; background:white;">
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; top:5%;"></div>
</div>
<div style="position:absolute; width:96px; height:96px; opacity:0.9; transform:rotateY(180deg) translateZ(50px); border:2px black solid; background:white;">
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; top:45%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; top:45%;"></div>
</div>
<div style="position:absolute; width:96px; height:96px; opacity:0.9; transform:rotateY(270deg) translateZ(50px); border:2px black solid; background:white;">
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:45%; top:45%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; bottom:5%;"></div>
</div>
<div style="position:absolute; width:96px; height:96px; opacity:0.9; transform:rotateX(90deg) translateZ(50px); border:2px black solid; background:white;">
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; bottom:5%;"></div>
</div>
<div style="position:absolute; width:96px; height:96px; opacity:0.9; transform:rotateX(270deg) translateZ(50px); border:2px black solid; background:white;">
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; right:5%; bottom:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:5%; top:5%;"></div>
<div style="position:absolute; width:10%; height:10%; border-radius:50%; background:black; left:45%; top:45%;"></div>
</div>
</div>
</div>

<span style="background:cyan; display:inline-block; padding:0.5em 1em;" title="다시 굴리기" class="plainlinks">[{{fullurl:{{FULLPAGENAME}}|action=purge}} 다시 굴리기]</span>