Template:ItemBox - Revision history

Vergir: Make the name area a query container so the measured name size can be emitted in cqw (with help from vergir-bot LLM)

2026-08-01T19:14:44Z

Make the name area a query container so the measured name size can be emitted in cqw (with help from vergir-bot LLM)

← Older revision		Revision as of 19:14, 1 August 2026
Line 8:		Line 8:
	-->{{#vardefine:displayName\|{{{overrideDisplayName\|{{#var:displayName}}}}}}}<!--		-->{{#vardefine:displayName\|{{{overrideDisplayName\|{{#var:displayName}}}}}}}<!--

	Measured name size (em) and stable per-item texture variety.		Measured name size (cqw) 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 50:		Line 50:
	<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">		<!-- container-type is inline because TemplateStyles strips it; the name's cqw size measures against this box. -->
	<p class="itembox-name" style="font-size:{{#var:fontSize}}em;text-wrap:balance;">{{#var:displayName}}</p>		<div class="itembox-name-area" style="container-type: inline-size;">
			<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>

~2026-ReachMidbossStamina753: Wire lowGraphics to the per-item overlay (itembox-lowgfx) and remove the texture/wearMask/iconMask testing switch now that the texture approach is settled (with help from vergir-bot LLM)

2026-07-25T00:01:37Z

Wire lowGraphics to the per-item overlay (itembox-lowgfx) and remove the texture/wearMask/iconMask testing switch now that the texture approach is settled (with help from vergir-bot LLM)

← Older revision		Revision as of 00:01, 25 July 2026
Line 21:		Line 21:
	-->{{#vardefine:isImbue\|{{#ifeq:{{#var:isImbue}}\|true\|itembox-imbue}}}}<!--		-->{{#vardefine:isImbue\|{{#ifeq:{{#var:isImbue}}\|true\|itembox-imbue}}}}<!--

	lowGraphics=true is ~~the setting~~ for callers that place dozens of cards on		lowGraphics=true is for callers that place dozens of cards on one page (the
	~~one page~~. It ~~drops~~ the paper texture, ~~because every way of drawing it as a~~		card navboxes). It swaps the paper texture from the normal-mode multiply,
	~~multiply~~ blends two images ~~together,~~ and ~~WebRender~~ re-~~rasterises any such~~		which blends two images and so is re-rasterised every scrolled frame, to a
	~~blend on~~ every scrolled frame ~~instead of caching it as~~ a ~~static tile~~. On the		transparent-paper overlay that is a single cacheable image. On the profiled
	~~profiled~~ navbox ~~that blend was the whole cost: dropping it~~ took the render		navbox this took the render thread's OpenGL work from ~230 ms/s to ~10 and
	thread's OpenGL work from ~230 ms/s to ~10 and roughly doubled the frame		roughly doubled the frame rate. The wear and icon masks are clips of a
	rate. The wear and icon masks are clips of a single image, not blends of		single image, not blends, so they cache once rasterised and stay at full
	~~two~~, so they cache once rasterised and ~~are kept~~ at full ~~detail here. A~~		detail. The overlay itself is defined in [[Template:ItemBox/styles.css]] and
	~~transparent-paper overlay (texture=overlay) may replace the dropped texture~~		keyed off the same per-item texture-vN class, so a card keeps its paper
	~~once its scroll profile is confirmed~~.		across both modes.
	~~-->{{#vardefine:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|itembox-no-texture}}}}<!--~~		-->{{#vardefine:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|itembox-lowgfx}}}}<!--

	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 - transparent-background paper dropped on top as a plain image;~~
	~~caches, covers~~ the ~~whole card, closest to the original. Strength~~
	~~presets: overlay~~-~~soft (0.6), overlay~~-~~o30~~, ~~overlay-o20, overlay-o10,~~
	~~overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB,~~
	~~opacity .OO)~~ so ~~the grain deepens dark cards rather than lightening.~~
	~~Append the second/third alpha file with overlay2-/overlay3-~~.
	~~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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40\|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60\|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80\|overlay-b25-o10=itembox-over-texture itembox-over-b25-o10\|overlay2-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file2\|overlay3-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file3\|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40\|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60\|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80\|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100\|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60\|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80\|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100\|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 57:		Line 38:
	-->{{#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~~}} {{#var:lite~~}}" 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}}" 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">

~2026-ReachMidbossStamina753: Add overlay3-b25-o10 (file 3) switch value for comparison (with help from vergir-bot LLM)

2026-07-24T23:36:53Z

Add overlay3-b25-o10 (file 3) switch value for comparison (with help from vergir-bot LLM)

← Older revision		Revision as of 23:36, 24 July 2026
Line 47:		Line 47:
	overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB,		overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB,
	opacity .OO) so the grain deepens dark cards rather than lightening.		opacity .OO) so the grain deepens dark cards rather than lightening.
	Append the second alpha file with overlay2-~~b25~~-~~o10~~.		Append the second/third alpha file with overlay2-/overlay3-.
	mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for		mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for
	reference; they fake the paper from the opaque PNGs and look wrong		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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40\|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60\|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80\|overlay-b25-o10=itembox-over-texture itembox-over-b25-o10\|overlay2-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file2\|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40\|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60\|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80\|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100\|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60\|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80\|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100\|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}}}}<!--		-->{{#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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40\|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60\|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80\|overlay-b25-o10=itembox-over-texture itembox-over-b25-o10\|overlay2-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file2\|overlay3-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file3\|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40\|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60\|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80\|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100\|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60\|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80\|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100\|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.

~2026-ReachMidbossStamina753: Add overlay-b25-o10 and overlay2-b25-o10 (file 2) switch values for finetuning (with help from vergir-bot LLM)

2026-07-24T23:24:58Z

Add overlay-b25-o10 and overlay2-b25-o10 (file 2) switch values for finetuning (with help from vergir-bot LLM)

← Older revision		Revision as of 23:24, 24 July 2026
Line 47:		Line 47:
	overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB,		overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB,
	opacity .OO) so the grain deepens dark cards rather than lightening.		opacity .OO) so the grain deepens dark cards rather than lightening.
			Append the second alpha file with overlay2-b25-o10.
	mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for		mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for
	reference; they fake the paper from the opaque PNGs and look wrong		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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40\|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60\|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80\|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40\|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60\|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80\|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100\|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60\|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80\|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100\|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}}}}<!--		-->{{#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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40\|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60\|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80\|overlay-b25-o10=itembox-over-texture itembox-over-b25-o10\|overlay2-b25-o10=itembox-over-texture itembox-over-b25-o10 itembox-over-file2\|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40\|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60\|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80\|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100\|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60\|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80\|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100\|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.

~2026-ReachMidbossStamina753: Add the 10 overlay brightness x opacity grid switch values (with help from vergir-bot LLM)

2026-07-24T23:00:00Z

Add the 10 overlay brightness x opacity grid switch values (with help from vergir-bot LLM)

← Older revision		Revision as of 23:00, 24 July 2026
Line 45:		Line 45:
	caches, covers the whole card, closest to the original. Strength		caches, covers the whole card, closest to the original. Strength
	presets: overlay-soft (0.6), overlay-o30, overlay-o20, overlay-o10,		presets: overlay-soft (0.6), overlay-o30, overlay-o20, overlay-o10,
	overlay-o05. overlay-~~dark darkens~~ the grain ~~so it~~ deepens dark cards		overlay-o05. Darkened-grain grid overlay-bBB-oOO (brightness .BB,
	rather than lightening ~~them~~.		opacity .OO) so the grain deepens dark cards rather than lightening.
	mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for		mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for
	reference; they fake the paper from the opaque PNGs and look wrong		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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-~~dark~~=itembox-over-texture itembox-over-~~dark~~\|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}}}}<!--		-->{{#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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-b20-o40=itembox-over-texture itembox-over-b20-o40\|overlay-b20-o60=itembox-over-texture itembox-over-b20-o60\|overlay-b20-o80=itembox-over-texture itembox-over-b20-o80\|overlay-b35-o40=itembox-over-texture itembox-over-b35-o40\|overlay-b35-o60=itembox-over-texture itembox-over-b35-o60\|overlay-b35-o80=itembox-over-texture itembox-over-b35-o80\|overlay-b35-o100=itembox-over-texture itembox-over-b35-o100\|overlay-b50-o60=itembox-over-texture itembox-over-b50-o60\|overlay-b50-o80=itembox-over-texture itembox-over-b50-o80\|overlay-b50-o100=itembox-over-texture itembox-over-b50-o100\|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.

~2026-ReachMidbossStamina753: Add overlay opacity-ladder and overlay-dark switch values (with help from vergir-bot LLM)

2026-07-24T22:39:49Z

Add overlay opacity-ladder and overlay-dark switch values (with help from vergir-bot LLM)

← Older revision		Revision as of 22:39, 24 July 2026
Line 42:		Line 42:
	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 (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		overlay - transparent-background paper dropped on top as a plain image;
	plain image; caches, covers the whole card, closest to the original		caches, covers the whole card, closest to the original. Strength
			presets: overlay-soft (0.6), overlay-o30, overlay-o20, overlay-o10,
			overlay-o05. overlay-dark darkens the grain so it deepens dark cards
			rather than lightening them.
	mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for		mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for
	reference; they fake the paper from the opaque PNGs and look wrong		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}}}}<!--		-->{{#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\|overlay-o30=itembox-over-texture itembox-over-o30\|overlay-o20=itembox-over-texture itembox-over-o20\|overlay-o10=itembox-over-texture itembox-over-o10\|overlay-o05=itembox-over-texture itembox-over-o05\|overlay-dark=itembox-over-texture itembox-over-dark\|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.

~2026-ReachMidbossStamina753: Add texture=overlay and overlay-soft for the transparent-paper overlay (with help from vergir-bot LLM)

2026-07-24T22:25:04Z

Add texture=overlay and overlay-soft for the transparent-paper overlay (with help from vergir-bot LLM)

← Older revision		Revision as of 22:25, 24 July 2026
Line 28:		Line 28:
	thread's OpenGL work from ~230 ms/s to ~10 and roughly doubled the frame		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		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.		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:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|itembox-no-texture}}}}<!--		-->{{#vardefine:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|itembox-no-texture}}}}<!--

Line 40:		Line 42:
	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 (does not cache)		blend / blend1..3 - paper multiplied into the card art (does not cache)
	~~mask~~ / ~~mask~~-soft - paper as a ~~luminance mask over a dark tint~~; the ~~paper is~~		overlay / overlay-soft - transparent-background paper dropped on top as a
	~~dark~~-~~on-white so these flood dark and are kept only for reference~~		plain image; caches, covers the whole card, closest to the original
	mask-crisp / mask-crisp-soft - the paper ~~inverted first, so~~ the ~~tint lands~~		mask / mask-soft / mask-crisp / mask-crisp-soft - dead ends kept for
	~~only on the grain lines. A clip, so it caches while scrolling.~~		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\|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}}}}<!--		-->{{#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.

~2026-ReachMidbossStamina753: Add texture=mask-crisp and mask-crisp-soft switch values (with help from vergir-bot LLM)

2026-07-24T22:09:03Z

Add texture=mask-crisp and mask-crisp-soft switch values (with help from vergir-bot LLM)

← Older revision		Revision as of 22:09, 24 July 2026
Line 40:		Line 40:
	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 (does not cache)		blend / blend1..3 - paper multiplied into the card art (does not cache)
	mask ~~/ mask-inv~~ / mask-soft - paper ~~used~~ as a mask over a dark tint~~, a clip~~		mask / mask-soft - paper as a luminance mask over a dark tint; the paper is
	~~rather than a blend,~~ so ~~it caches while scrolling.~~ mask ~~and~~ mask-~~inv~~		dark-on-white so these flood dark and are kept only for reference
	~~differ in whether~~ the grain ~~reads from the paper's brightness or its~~		mask-crisp / mask-crisp-soft - the paper inverted first, so the tint lands
	~~alpha; mask-soft is a lighter luminance version~~.		only on the grain lines. A clip, so it caches while scrolling.
	-->{{#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\|mask=itembox-mask-texture itembox-mask-any-texture\|mask-~~inv~~=itembox-mask-~~inv~~-texture itembox-mask-any-texture\|mask-soft=itembox-mask-soft-texture itembox-mask-any-texture}}}}<!--		-->{{#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\|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.

~2026-ReachMidbossStamina753: Add texture=mask, mask-inv and mask-soft switch values (with help from vergir-bot LLM)

2026-07-24T21:44:27Z

Add texture=mask, mask-inv and mask-soft switch values (with help from vergir-bot LLM)

← Older revision		Revision as of 21:44, 24 July 2026
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. It drops the paper texture, because every way of drawing it		one page. It drops the paper texture, because every way of drawing it as a
	~~multiplies~~ two images together, and WebRender re-rasterises ~~and re-uploads~~		multiply blends two images together, and WebRender re-rasterises any such
	~~any such~~ blend on every scrolled frame instead of caching it as a static		blend on every scrolled frame instead of caching it as a static tile. On the
	tile. On the profiled navbox that blend was the whole cost: dropping it took		profiled navbox that blend was the whole cost: dropping it took the render
	~~the render~~ thread's OpenGL work from ~230 ms/s to ~10 and roughly doubled		thread's OpenGL work from ~230 ms/s to ~10 and roughly doubled the frame
	~~the frame~~ rate. The wear and icon masks are clips of a single image, not		rate. The wear and icon masks are clips of a single image, not blends of
	~~blends of~~ two, so they cache once rasterised and are kept at full detail		two, so they cache once rasterised and are kept at full detail here.
	here~~; only the texture is dropped~~.
	-->{{#vardefine:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|itembox-no-texture}}}}<!--		-->{{#vardefine:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|itembox-no-texture}}}}<!--

Line 38:		Line 37:
	soft - tint stays on top, uniform and lighter, with the name lifted clear		soft - tint stays on top, uniform and lighter, with the name lifted clear
	texture handles the paper grain:		texture handles the paper grain:
	no - drop it entirely ~~(the only option that caches while scrolling)~~		no - drop it entirely
	1/2/3 - one shared paper via the mix-blend overlay		1/2/3 - one shared paper via the mix-blend overlay (does not cache)
	blend / blend1..3 - paper multiplied into the card art~~. Both of these~~		blend / blend1..3 - paper multiplied into the card art (does not cache)
	~~multiply two images~~ and ~~so are re~~-~~rasterised every scrolled frame;~~		mask / mask-inv / mask-soft - paper used as a mask over a dark tint, a clip
	~~they are fine for~~ a ~~handful of cards but not for a full page~~.		rather than a blend, so it caches while scrolling. mask and mask-inv
	-->{{#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}}}}<!--		differ in whether the grain reads from the paper's brightness or its
			alpha; mask-soft is a lighter luminance version.
			-->{{#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\|mask=itembox-mask-texture itembox-mask-any-texture\|mask-inv=itembox-mask-inv-texture itembox-mask-any-texture\|mask-soft=itembox-mask-soft-texture itembox-mask-any-texture}}}}<!--

	Links.		Links.

~2026-ReachMidbossStamina753: Restore the icon mask and real masked wear on the lowGraphics path, keeping only texture off, to measure whether the masks affect scroll caching (with help from vergir-bot LLM)

2026-07-24T21:07:09Z

Restore the icon mask and real masked wear on the lowGraphics path, keeping only texture off, to measure whether the masks affect scroll caching (with help from vergir-bot LLM)

← Older revision		Revision as of 21:07, 24 July 2026
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. It drops the paper texture ~~entirely~~, because every way of drawing		one page. It drops the paper texture, because every way of drawing it
	it multiplies two images together, and WebRender re-rasterises and re-uploads		multiplies two images together, and WebRender re-rasterises and re-uploads
	any such blend on every scrolled frame instead of caching it as a static		any such blend on every scrolled frame instead of caching it as a static
	tile. On the profiled navbox that blend was the whole cost: dropping it took		tile. On the 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 render thread's OpenGL work from ~230 ms/s to ~10 and roughly doubled
	the frame rate. The wear ~~tint also becomes a gradient~~ and ~~the~~ icon ~~mask is~~		the frame rate. The wear and icon masks are clips of a single image, not
	~~dropped~~, ~~both cheaper per card, though~~ the texture is ~~the change that matters~~.		blends of two, so they cache once rasterised and are kept at full detail
	-->{{#vardefine:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|~~itembox-ramp-wear itembox-flat-icon~~ itembox-no-texture}}}}<!--		here; only the texture is dropped.
			-->{{#vardefine:lowGraphics\|{{#ifeq:{{{lowGraphics\|}}}\|true\|itembox-no-texture}}}}<!--

	The same layers individually, for testing combinations or overriding the		The same layers individually, for testing combinations or overriding the