Step 1
Upload YourDieFacesImage.png (an image of all six faces i.e. with ratio 6:1)
e.g.
d6Faces.png (1200×200 pixels)
Step 2
Insert
{{d6|YourDieFacesImage.png|HeightInPixels}}e.g.
{{d6|d6Faces.png|200}}Examples
Parks
Step 1
Upload
ParksDie.jpg (324×54 pixels)
Step 2
Insert
{{d6|ParksDie.jpg|54}}Insert
{{d6|ParksDie.jpg|54|r=4|l=3|bk=5|bkR=2|R=20|Rx=-170|Ry=30}}- The die with image and size d6|ParksDie.jpg|54:
- |die 6-sided template
- |ParksDie.jpg uploaded image
- |54 pixels tall
- Adjust each face |r=4|l=3|bk=5|bkR=2:
- |right face =4th part of image
- |left face =3rd part of image
- |back face =5th part of image
- |back face Rotate =2 × 90° clockwise
- Rotate the cube |R=20|Rx=-170|Ry=30:
- |Rotate clockwise =20°
- |Rotate around the x-axis =-170° (down)
- |Rotate around the y-axis =30° (right)
Parameters
[face] nameslowercase:
topfrontrightbkbackleftbottom
Property names
Uppercase:
ImageHeightSizeRotateBackgroundTextColor
Id
Name
Default
Example
Result
Description
1, 2 /
[face]I, [face]HImage, Height
d6Faces.png, 200{{d6|d6Faces.png|200}}/{{d6|fI=logo.png|fH=1842}} /
Required: image file name and its height in px units.
SSize
45{{d6|S=60}}Optional: size of cube in px units.
[face]Face number
[1-6]{{d6|f=3}}Optional: set which
[faceNumber] (1-6) displays on a specific [face].[face]RFace rotate
0{{d6|fR=1}}Optional: rotate a specific
[face] in units of 90° clockwise.RRotate clockwise
0{{d6|R=30}}Optional: rotate the cube around the perspective z-axis (clockwise) in degrees.
RxRotate up
15{{d6|Rx=30}}Optional: rotate the cube around the horizontal x-axis (up) in degrees.
RyRotate right
-15{{d6|Ry=30}}Optional: rotate the cube around the vertical y-axis (right) in degrees.
B/[face]BBackground
transparent
{{d6|B=lime}}/{{d6|fB=lime}}/
Optional: set a CSS background color or gradient.
[face]TText value
empty
{{d6|fT=💥}}Optional: set a text value for a specific
[face].TS/[face]TSText size
16px{{d6|fT=💥|TS=36px}}/{{d6|fT=💥|fTS=36px}}Optional: text size as a CSS <length> value.
TC/[face]TCText color
black
{{d6|fT=★|TC=green}}/{{d6|fT=★|fTC=green}}Optional: text color as a CSS <color> value.
