[Released] Wireframe Shader Artist


Now on the Asset Store

Hi fellow artists and developers!

Regular wireframe shaders are not very appealing to the eye. Meet Wireframe Artist! This package provides the tools to design artistic wireframe materials with high flexibility. Check out the WebGL Demo!

Suggestions and feedback are welcome! :slight_smile:

Unique Features:
Angle Threshold - Filter out blunt wireframe edges with an angle threshold. Only sharp wires are displayed.
Barycentric Texturing - Design your custom wire with a [width]-by-1 texture where the alpha channel is used to blend with the surface.
Glow - Add a bleeding/glowing/shadow effect radiating from the wires.
PBR - Physically based wireframe rendering enables you to adjust emissive, metallic and smoothness properties.
Smooth Wire Style - Smooth out wire intersections at vertex points to get a unique wireframe look.

Supports:
:ballot_box_with_check: Shader Model 2 & 3 (with baking)
:ballot_box_with_check: Shader Model 4+ (no baking required)
:ballot_box_with_check: Projectors
:ballot_box_with_check: Mobile
:ballot_box_with_check: Skinned meshes and submeshes

More Features:
• Anti-aliasing
• Fade in/out the wireframe
• Mask parts of the wireframe
• Invert the wireframe
• Baking at runtime
• Bake wireframe data into Colors or UV3
• All standard rendering modes
• Additive & multiplicative rendering modes

In The Works:
• Quad meshes
• Integrate in your shaders

Videos:

Old videos:
https://www.youtube.com/watch?v=FZRq71FJra4
https://www.youtube.com/watch?v=9x0uaD7lFd0
https://www.youtube.com/watch?v=4cWaYPSJxio

4 Likes

I’ve added fading, lighting, corner smoothing and edge glowing.

Video

I LOVE them. Can you tell us something more about how they’re made? Are you planning to release/sell it?

1 Like

Thanks FreeFly!
It’s based on an adapted barycentric coordinate system, some secret sauce and lots of lerping :slight_smile:
If there’s some interest for it, I’ll consider selling it on the asset store.

1 Like

That secret sauce because barycentric would only work with access to triangle, and I only know about vertex and fragment :hushed: unless you use geometry shader :stuck_out_tongue:

1 Like

Hehe, true. I use a geometry shader for DX11, but I’m going to make it work for mobile as well.

Of course there is! :smile:

1 Like

I like. The adjustable thickness in realtime, I guess that means you are generating the edges on the fly in the shader rather than texture-based?

1 Like

The edges are generated indeed, but there’s an option to add your textures to it. I’ll show that in a later update.

Here is an update showing different settings and examples. The models are from AxeyWorks (available on the asset store).

Video

Some new wireframe modes, all with tweakable parameters
Screenshots


[\spoiler]

I created a WebGL Demo!
Also, I submitted the first version to the asset store last week. Fingers crossed!

1 Like

It works with Unity 5.5 beta now. I will need to update the code as soon as the package gets approved.

I’ve added another showcase scene for the upcoming trailer:

3 Likes

Wow, Ok i need this. My only concern is if it works in GearVR, and how many drawcalls it creates. You plan to release as an asset soon?

Hi Damo. Yes it works with VR and the number of draw calls stays the same (no extra draw calls).
I submitted the package 1.5 weeks ago, so it should be available in a few days if it gets approved.

1 Like

One more scene for the trailer using Unity’s Viking Village package. This video shows the PBR capabilities of Wireframe Artist.

1 Like

Any chance for a veteran discount? I just followed you on Twitter w/ my crazy UFO account :wink: and can’t put into words how perfect this is for a project my daughter and I are doing, great job!

1 Like

This is just perfect! Congrats to that amazing job on the shader! Love it!

2 Likes

The asset just got approved! Unity Asset Store - The Best Assets for Game Making

1 Like