Template:ItemBox: Difference between revisionsGive feedback
Jump to navigation
Jump to search
Add texture=split and split1/2/3: paper blended onto icon and name area separately, continuous across the seam (with help from vergir-bot LLM) |
Revert lowGraphics to the working card-only blend and remove the broken split option (with help from vergir-bot LLM) |
||
| Line 22: | Line 22: | ||
lowGraphics=true is the setting for callers that place dozens of cards on | lowGraphics=true is the setting for callers that place dozens of cards on | ||
one page. The wear tint becomes a gradient | one page. The wear tint becomes a gradient, the icon mask is dropped, and | ||
the paper texture is composited into the card art with background-blend-mode | |||
instead of the separate mix-blend-mode overlay. That last part is the change | |||
that matters: mix-blend-mode reads the page backdrop so WebRender | |||
re-rasterises those regions every scrolled frame, while a same-element blend | |||
stays a static tile. Removing the overlay blend cut the render thread's | |||
OpenGL work on the profiled navbox by around 90%. The blend reaches the card | |||
-->{{#vardefine:lowGraphics|{{#ifeq:{{{lowGraphics|}}}|true|itembox-ramp-wear itembox-flat-icon itembox- | art but not the icon or the name, which sit above it as content. | ||
-->{{#vardefine:lowGraphics|{{#ifeq:{{{lowGraphics|}}}|true|itembox-ramp-wear itembox-flat-icon itembox-blend-texture itembox-blend-tex-3}}}}<!-- | |||
The same layers individually, for testing combinations or overriding the | The same layers individually, for testing combinations or overriding the | ||
| Line 39: | Line 40: | ||
no - drop it entirely | no - drop it entirely | ||
1/2/3 - one shared paper via the mix-blend overlay (does not cache) | 1/2/3 - one shared paper via the mix-blend overlay (does not cache) | ||
blend / blend1..3 - paper multiplied into the card art | blend / blend1..3 - paper multiplied into the card art, cacheable; reaches | ||
the card art but not the icon or name | |||
-->{{#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}}}}<!-- | |||
-->{{#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 | |||
Links. | Links. | ||