Editing Template:ItemBoxGive feedback
Jump to navigation
Jump to search
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| Line 8: | Line 8: | ||
-->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!-- | -->{{#vardefine:displayName|{{{overrideDisplayName|{{#var:displayName}}}}}}}<!-- | ||
Measured name size ( | Measured name size (em) and stable per-item texture variety. | ||
-->{{#vardefine:fontSize|{{#invoke:ItemBox|getFontSize|{{#var:displayName}}}}}}<!-- | -->{{#vardefine:fontSize|{{#invoke:ItemBox|getFontSize|{{#var:displayName}}}}}}<!-- | ||
-->{{#vardefine:variants|{{#invoke:ItemBox|variants|{{#var:itemName}}}}}}<!-- | -->{{#vardefine:variants|{{#invoke:ItemBox|variants|{{#var:itemName}}}}}}<!-- | ||
| Line 21: | Line 21: | ||
-->{{#vardefine:isImbue|{{#ifeq:{{#var:isImbue}}|true|itembox-imbue}}}}<!-- | -->{{#vardefine:isImbue|{{#ifeq:{{#var:isImbue}}|true|itembox-imbue}}}}<!-- | ||
lowGraphics=true is for callers that place dozens of cards on one page | lowGraphics=true is the setting for callers that place dozens of cards on | ||
one page. It drops the paper texture, because every way of drawing it as a | |||
multiply blends two images together, and WebRender re-rasterises any such | |||
blend on every scrolled frame instead of caching it as a static tile. On the | |||
navbox | profiled navbox that blend was the whole cost: dropping it took the render | ||
thread's OpenGL work from ~230 ms/s to ~10 and roughly doubled the frame | |||
rate. The wear and icon masks are clips of a single image, not blends of | |||
two, so they cache once rasterised and are kept at full detail here. A | |||
transparent-paper overlay (texture=overlay) may replace the dropped texture | |||
once its scroll profile is confirmed. | |||
-->{{#vardefine: | -->{{#vardefine:lowGraphics|{{#ifeq:{{{lowGraphics|}}}|true|itembox-no-texture}}}}<!-- | ||
The same layers individually, for testing combinations or overriding the | |||
bundle above. wearMask drops the mask from the wear tint three ways: | |||
no - tint moves behind the artwork, so only the card stock is coloured | |||
ramp - tint stays on top, fading in from the card's edges | |||
soft - tint stays on top, uniform and lighter, with the name lifted clear | |||
texture handles the paper grain: | |||
no - drop it entirely | |||
1/2/3 - one shared paper via the mix-blend overlay (does not cache) | |||
blend / blend1..3 - paper multiplied into the card art (does not cache) | |||
overlay / overlay-soft - transparent-background paper dropped on top as a | |||
plain image; caches, covers the whole card, closest to the original | |||
mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for | |||
reference; they fake the paper from the opaque PNGs and look wrong | |||
-->{{#vardefine:lite|{{#switch:{{{wearMask|}}}|no=itembox-flat-wear|ramp=itembox-ramp-wear|soft=itembox-soft-wear}} {{#ifeq:{{{iconMask|}}}|no|itembox-flat-icon}} {{#switch:{{{texture|}}}|no=itembox-no-texture|1=itembox-force-tex-1|2=itembox-force-tex-2|3=itembox-force-tex-3|blend=itembox-blend-texture|blend1=itembox-blend-texture itembox-blend-tex-1|blend2=itembox-blend-texture itembox-blend-tex-2|blend3=itembox-blend-texture itembox-blend-tex-3|overlay=itembox-over-texture|overlay-soft=itembox-over-texture itembox-over-soft|mask=itembox-mask-texture itembox-mask-any-texture|mask-soft=itembox-mask-soft-texture itembox-mask-any-texture|mask-crisp=itembox-mask-crisp-texture itembox-mask-any-texture|mask-crisp-soft=itembox-mask-crisp-soft-texture itembox-mask-any-texture}}}}<!-- | |||
Links. | Links. | ||
| Line 38: | Line 53: | ||
-->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:itemName}}{{If lang}}}}}}}<!-- | -->{{#vardefine:linkClick|{{{overrideLinkClick|{{#var:itemName}}{{If lang}}}}}}}<!-- | ||
--><div class="itembox {{#var:showTierTag}} {{#var:tier}} {{#var:slot}} {{#var:isActive}} {{#var:isImbue}} {{#var:variants}} {{#var:lowGraphics}}" style="font-size:{{#expr: 10 * {{#if:{{{size|}}}|{{{size}}}|1}} }}px;"> | --><div class="itembox {{#var:showTierTag}} {{#var:tier}} {{#var:slot}} {{#var:isActive}} {{#var:isImbue}} {{#var:variants}} {{#var:lowGraphics}} {{#var:lite}}" style="font-size:{{#expr: 10 * {{#if:{{{size|}}}|{{{size}}}|1}} }}px;"> | ||
<div class="itembox-background"> | <div class="itembox-background"> | ||
<div class="itembox-card"> | <div class="itembox-card"> | ||
| Line 50: | Line 65: | ||
<div class="itembox-imbue-tag">{{#invoke:Lang|get_string|item_info_imbue}}</div> | <div class="itembox-imbue-tag">{{#invoke:Lang|get_string|item_info_imbue}}</div> | ||
</div> | </div> | ||
<div class="itembox-name-area"> | |||
<div class="itembox-name-area | <p class="itembox-name" style="font-size:{{#var:fontSize}}em;text-wrap:balance;">{{#var:displayName}}</p> | ||
<p class="itembox-name" style="font-size:{{#var:fontSize}};text-wrap:balance;">{{#var:displayName}}</p> | |||
</div> | </div> | ||
<div class="itembox-wear"></div> | <div class="itembox-wear"></div> | ||