User:NtCarlson/Template:Damage dice image: Difference between revisions
Jump to navigation
Jump to search
(Made size of element correctly adjust with dice size) |
(Use {{trim}} to better format the source code with newlines without affecting the output) |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly><!-- | <includeonly>{{trim| | ||
Width specifies the size of the dice rather than the size of the entire element | <!-- Width specifies the size of the dice rather than the size of the entire element --> | ||
-->{{#lvardef: width | {{{width| | {{#lvardef: width | {{{width|30px}}}}} | ||
Get the number of dice needed to compute the size of the element | |||
-->{{#lvardef: n_dice | 0}}{{#while: | <!-- Get the number of dice needed to compute the size of the element --> | ||
{{#lvardef: n_dice | 0}} | |||
{{#while: | |||
| {{{ {{#expr: {{#lvar: n_dice }} + 1}} |}}} | | {{{ {{#expr: {{#lvar: n_dice }} + 1}} |}}} | ||
| {{#lvardef: n_dice | {{#expr: {{#lvar: n_dice }} + 1 }} }} | | {{#lvardef: n_dice | {{#expr: {{#lvar: n_dice }} + 1 }} }} | ||
}}{{#lvardef: elem_width | {{#ifexpr: {{#lvar: n_dice}} >= 2 | }} | ||
<!-- Compute size of element based on number of dice. There probably is a better way to do this. --> | |||
{{#lvardef: elem_width | {{#ifexpr: {{#lvar: n_dice}} >= 2 | |||
| calc({{#lvar: width}} * 1.4) | | calc({{#lvar: width}} * 1.4) | ||
| {{#lvar: width}} | | {{#lvar: width}} | ||
}}}} | }}}} | ||
{{#lvardef: left_padding | {{#ifexpr: {{#lvar: n_dice}} >= 3 | |||
| calc({{#lvar: width}} * 0.4) | | calc({{#lvar: width}} * 0.4) | ||
| 0 | | 0 | ||
}}}}{{#lvardef: top_padding | {{#switch: {{#lvar: n_dice}} | }}}} | ||
{{#lvardef: top_padding | {{#switch: {{#lvar: n_dice}} | |||
| 1 = 0 | | 1 = 0 | ||
| 2 | 3 = calc({{#lvar: width}} * 0.3) | | 2 | 3 = calc({{#lvar: width}} * 0.3) | ||
| 4 | 5 = calc({{#lvar: width}} * 0.7) | | 4 | 5 = calc({{#lvar: width}} * 0.7) | ||
}}}}<!-- | }}}} | ||
}}<!-- | |||
Container element | Container element | ||
--><span style=" | --><span style=" | ||
| Line 27: | Line 33: | ||
padding-left: {{#lvar: left_padding}}; | padding-left: {{#lvar: left_padding}}; | ||
padding-top: {{#lvar: top_padding}}; | padding-top: {{#lvar: top_padding}}; | ||
"><!-- | ">{{trim| | ||
Display each die | <!-- Display each die --> | ||
-->{{#lvardef: i | 1 }}{{#while: | {{#lvardef: i | 1 }} | ||
{{#while: | |||
| {{{{{#lvar: i }} |}}} | | {{{{{#lvar: i }} |}}} | ||
| | | | ||
| Line 41: | Line 48: | ||
| 5 = translate(-40%, -68%) rotate(40deg) | | 5 = translate(-40%, -68%) rotate(40deg) | ||
}}}} | }}}} | ||
<span style=" | <span style=" | ||
z-index: -{{#lvar: i}}; | z-index: {{#expr: {{#lvar: n_dice}} - {{#lvar: i}}}}; | ||
position: absolute; | position: absolute; | ||
transform: {{#lvar: transform}} | transform: {{#lvar: transform}} | ||
">[[File:{{#lvar: die}} {{#lvar:type}}.png|link= |x{{#lvar: width}}]]</span> | ">[[File:{{#lvar: die}} {{#lvar:type}}.png|link= |x{{#lvar: width}}]]</span> | ||
{{#lvardef: i | {{#expr: {{#lvar: i }} + 1 }} }} | {{#lvardef: i | {{#expr: {{#lvar: i }} + 1 }} }} | ||
}} | |||
}}</span></includeonly><noinclude> | }}</span></includeonly><noinclude> | ||
{{User:NtCarlson/Template:Damage dice image| | [[File:Damage_dice_reference_image.png|thumb|right|Example of an in-game tooltip displaying damage dice.]] | ||
{{User:NtCarlson/Template:Damage dice image|width= | Replicates the damage dice display used in game. | ||
{{clear}} | |||
== Examples == | |||
{{Template demo | |||
| style = table | |||
| <nowiki> | |||
{{User:NtCarlson/Template:Damage dice image|d12:Physical|d4:Fire}} | |||
</nowiki> | |||
| <nowiki> | |||
{{User:NtCarlson/Template:Damage dice image | |||
| width = 60px | |||
| d8:Physical | |||
| d4:Fire | |||
| d4:Psychic | |||
| d4:Psychic | |||
| d8:Radiant | |||
}} | |||
</nowiki> | |||
}} | |||
</noinclude> | </noinclude> | ||
Latest revision as of 21:34, 18 December 2024
Replicates the damage dice display used in game.
Examples[edit | edit source]
| Markup | Renders as |
|---|---|
{{User:NtCarlson/Template:Damage dice image|d12:Physical|d4:Fire}}
|
|
{{User:NtCarlson/Template:Damage dice image
| width = 60px
| d8:Physical
| d4:Fire
| d4:Psychic
| d4:Psychic
| d8:Radiant
}}
|
|
