Template:ItemBox: Difference between revisions

Line 22:

lowGraphics=true is the setting for callers that place dozens of cards on

one page. ~~It drops~~ the paper blend~~, which~~ is the change that matters:

one page. The wear tint becomes a gradient and the icon mask is dropped,

mix-blend-mode ~~stops~~ WebRender ~~caching~~ those regions ~~as static tiles~~, so

and the paper texture is composited into the card layer with

~~every scrolled frame re~~-~~rasterises and re-uploads them~~. Removing it cut the

background-blend-mode instead of the separate mix-blend-mode overlay. That

render thread's OpenGL work on the profiled navbox by around 90%~~. It also~~

is the change that matters: mix-blend-mode reads the page backdrop so

~~swaps the masked wear tint for a gradient and drops the icon mask~~.

WebRender re-rasterises those regions every scrolled frame, while a

-->{{#vardefine:lowGraphics|{{#ifeq:{{{lowGraphics|}}}|true|itembox-ramp-wear itembox-flat-icon itembox-no-texture}}}}<!--

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%.

-->{{#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

Line 34:

Line 36:

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 ~~accepts~~ no to drop ~~the paper blend~~ entirely~~, or~~ 1, 2 or 3 ~~to give~~

texture handles the paper grain:

~~every~~ card the ~~same~~ paper ~~instead of one picked from the item's name.~~

no - drop it entirely

-->{{#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}}}}<!--

1/2/3 - one shared paper via the mix-blend overlay (does not cache)

blend - paper multiplied into the card art, per item, cacheable

blend1/blend2/blend3 - the cacheable blend with one shared paper

-->{{#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 {{#var:variants-blend}}|blend1=itembox-blend-texture itembox-blend-tex-1|blend2=itembox-blend-texture itembox-blend-tex-2|blend3=itembox-blend-texture itembox-blend-tex-3}}}}<!--

Links.

Template:ItemBox: Difference between revisionsGive feedback

~2026-ReachMidbossStamina753 (talk)

@@ Line 22: / Line 22: @@
       lowGraphics=true is the setting for callers that place dozens of cards on
-      one page. It drops the paper blend, which is the change that matters:
+      one page. The wear tint becomes a gradient and the icon mask is dropped,
-     mix-blend-mode stops WebRender caching those regions as static tiles, so
+     and the paper texture is composited into the card layer with
-      every scrolled frame re-rasterises and re-uploads them. Removing it cut the
+     background-blend-mode instead of the separate mix-blend-mode overlay. That
-      render thread's OpenGL work on the profiled navbox by around 90%. It also
+     is the change that matters: mix-blend-mode reads the page backdrop so
-     swaps the masked wear tint for a gradient and drops the icon mask.
+     WebRender re-rasterises those regions every scrolled frame, while a
--->{{#vardefine:lowGraphics|{{#ifeq:{{{lowGraphics|}}}|true|itembox-ramp-wear itembox-flat-icon itembox-no-texture}}}}<!--
+      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%.
+-->{{#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
@@ Line 34: / Line 36: @@
       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 accepts no to drop the paper blend entirely, or 1, 2 or 3 to give
+      texture handles the paper grain:
-      every card the same paper instead of one picked from the item's name.
+     no    - drop it entirely
--->{{#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}}}}<!--
+/2/3 - one shared paper via the mix-blend overlay (does not cache)
+      blend - paper multiplied into the card art, per item, cacheable
+     blend1/blend2/blend3 - the cacheable blend with one shared paper
+-->{{#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 {{#var:variants-blend}}|blend1=itembox-blend-texture itembox-blend-tex-1|blend2=itembox-blend-texture itembox-blend-tex-2|blend3=itembox-blend-texture itembox-blend-tex-3}}}}<!--
       Links.