User:-flowsINtomAyHeM
My favourite magics are Pollen and JavaScript.
Quick links
Projects
Wand Sim v2
- tinker-with-wands-online.vercel.app - 'Stable' development version
- dev-tinker-with-wands-online.vercel.app - Latest dev version
- User:-flowsINtomAyHeM/Wands
Spell templates
- Spell tagging
{{Wand}}
v2
Unify wand templates and use spell IDs to form a better interchange format for wiki/mods/etc.
- Template:Wand2 - Almost done...
- Module:Wand - Lua to query Cargo and build the HTML for the template
- Module:Wand/doc
- User:-flowsINtomAyHeM/Template:Wand (Template:Wand2) - Lightweight wrapper around Module:Wand
- User:-flowsINtomAyHeM/Template:Wand/doc
- User:-flowsINtomAyHeM/Template:Wand_(Legacy)
- User:-flowsINtomAyHeM/Template:Wand_(Legacy)/doc
- User:-flowsINtomAyHeM/Template:Wand_Card_(Legacy)
- User:-flowsINtomAyHeM/Template:Wand_Card_(Legacy)/doc
Wand 2
{{example}}
etc.
- Template:Example/start .. Template:Example/end
- Template:Example/result/start .. Template:Example/result/end
Not pixelated?
Comparing image rendering effect on how pixel graphics display. Shows 50% downscale, 200% upscale and native image size. Note that when embedding wiki images if you specify a smaller size than the native size of the image the server will send you a pre-scaled version, which will look blurry when upscaled even when using 'image-rendering: pixelated;'. Compare As (50%) and Ac (50%) options, A was pre-scaled by the server, B requested at full size and then scaled on the client.
For large images that are downscaled, it's worth turning off the pixelated option. This can be done by applying the the rather esoteric class 'mwe-math-fallback-image-display'.
With 'image-rendering: pixelated;' As -- 50% -- [[File:Spell pollen.png|40px]] Ac -- 50% -- <div style="width:40px;height:40px;">[[File:Spell pollen.png|80px|]]</div> B -- 100% -- [[File:Spell pollen.png|80px]] (Size of image as stored) C -- 200% -- [[File:Spell pollen.png|160px]] (200%)
Without 'image-rendering: pixelated;' As -- 50% -- [[File:Spell pollen.png|40px|class=mwe-math-fallback-image-display]] (50%) Ac -- 50% -- <div style="width:40px;height:40px;">[[File:Spell pollen.png|80px|class=mwe-math-fallback-image-display]]</div> (50%) B -- 100% -- [[File:Spell pollen.png|80px|class=mwe-math-fallback-image-display]] (Size of image as stored) C -- 200% -- [[File:Spell pollen.png|160px|class=mwe-math-fallback-image-display]] (200%)