(Webgl2 / WebGPU support) A better outline shader than the one that already exists on the C3 addon stack exchange
Given how fantastic the new individual corner control is in your RoundedSquareMask shader...
Any chance of seeing the same control here for individual controls for the each side of an object being outlined?
Like how border-top, border-right, border-bottom, and border-left work in CSS?
Your stuff is so helpful in bringing back CSS type styling to objects that don't inherently have access to it in C3
sadly this isn't as feasible because the way CSS does outlines and the way this shader does outlines is drastically different.
I've actually been thinking about making a brand new addon focused on taking CSS inspired styling and applying to a default square (so with outline, sizing, positionning and border), but this would require going a completely different route than using shaders.
That's fair. My own personal goal is to use something more reliable than the built in emboss effect, as I find it prety limiting. Where if one could control each edge of a rectange in terms of color and thickness of outline, I think that could have a tonne of applications and possibilities.
On a side note, any advice for someone to get started making their own fx plugins? I've been thinking I should start looking into it, but haven't found much on how to get started.
Nice effect!
Thank you for the great effect, Skymen! It's very very useful. ✨
no work on Text
Hey folks! For those that want to have an outline effect for your text - as skymen has mentioned, this plug-in will be an intense resource hog. You can try using the BBcode [outlineback] (see documentation here construct.net/en/make-games/manuals/construct-3/plugin-reference/text )
However, you might run into some odd spiky bugs in some characters depending on the font. You can try to tweak the font by editing the vectors here: tophix.com/font-tools/font-editor
It's not trivial but at least you get both: The font you want and an outline that will not tank your performance.
Amazing, thank you!
Not sure why people are saying it doesn't work on text. The text and spritefont objects can do an outline with bb code.
I tested this and bb codes like that don't work on spritefonts. Just text objects.
Omg...Thanks!
i.imgur.com/dlPdg0F.png
any ideas how can i set thickness of outline? (when i use stroke i receive only outline without inner color)
Hello, I noticed important performance impact after upgrading from an old version (1.4.3 to 2.1.0.1) in a project with extensive use of this effect (hundreds of sprites and spritetexts).
- Are there any known reason that can explain this ?
- Do outlines and alpha require more calculation ?
Thanks !
Hi, the performance should not be that much worse, but it's possible that you switched to webgpu that is known for having performance issues with shaders sometimes
Thank you for your answer, I switched to webgpu indeed but have same performance with webgl2 and didn't really notice any difference between the two. Redrawing all sprites with oultines was the only solution for now.
новый
Is there a way to have the outline not extend beyond the character? Instead, have it scale inner, rather than outer?
Hi, this would not be an outline, but an inset shadow or glow. This outline doesnt support this.
Not a problem, I managed to make a plugin that allowed it. Thanks!