MK Edge Detection - Screen Space Lines Shader

MK Edge Detection is able to combine the creation highest quality edges and lines into an artist-friendly seamless integrated interface. Unlike average edge detection algorithms, this handcrafted, from scratch written shader, is able to detect edges and lines in its own unique way to give your work a special touch and stand out of the crowd.

The shader has a highly versatile application model, which enables you to create any type of screen space lines. Many types of lines are possible - from clean or crisp to artistically blended ones.

If you are looking for an out of the ordinary edge detection, this effect uses an innovative way to create lines.

Follow Development: Trello

Demo: WebGL | Android | Windows

⤴️NEW! : Added dynamic resolution support

🔖High-Quality Lines and Edges🔖

Achieve the highest quality lines and edges by effectively merging processed input data from Depth, Normal, and Scene Color. If one set of data fails to detect edges another one is used, whatever provides the best detection. The shader uses a very customized edge detection model that is targeted towards stylization of all kind of scenes. It can handle complex geometry and non-trivial shapes with ease that traditional edge detection can't.

⚖️Reasonable Performance Trade-off⚖️

The shader is designed to always provide a reasonable trade-off in terms of performance and visual aesthetics. By leveraging different kind of precision models and detection kernels, the shader minimizes resource usage, making it suitable for projects of any scale.

🌫️Depth Fade & Fog🌫️

MK Edge Detection is able to work out of the box with fog in any scene and blends in lines and edges based on the fog density and color. Furthermore the fade feature can be enabled to fade in detected edges. This allows edges and lines to gracefully fade in and out, creating smooth transitions providing players with a visually engaging experience.

🟦Pixel Perfection🟦

The rendering directly integrates into the antialiasing of the scene, which allows a pixel-perfect aligned creation of lines. It scales the quality automatically upwards based on your quality settings of the engine and ensures that each detail is sharp and clear, down to the smallest pixel, providing unmatched accuracy and clarity. Furthermore, the effect automatically scales to different resolutions, ensuring consistent visual appearance across all devices.

📱Easy-to-Use Interface📱

Usability was a high priority while making this shader. All functionality is combined into a streamlined and intuitive interface targeted towards artists. You dont have to mess around with multiple viewing angle setups, balance around specific settings or even setup vertex IDs inside your 3D program. Just do the basic setup and see the results. The user-friendly design ensures that you spend less time tweaking and more time creating. Just enable the shader and stylize the effect to fit into your scene.

🖱️Seamless Integration🖱️

The package provides components for the following post processing setups:

- Built-in: Legacy Image Effects Pipeline (Component on Rendering Camera)

- Built-in: Post Processing Stack V2

- Universal: Integrated Post Processing API via Scriptable Renderer Feature

- Universal: Scriptable Renderer Feature Only (skip the Post Processing API entirely)

- High Definition: Integrated Post Processing API

This also includes support for Render Graph related setups.

🎮Versatile Applications🎮

MK Edge Detection is perfect for a wide range of game genres and styles. The shader adapts to your artistic vision, providing flexibility and creativity without disrupting your workflow.

🔗Compatibility🔗

There are no limits for the used graphics API. The shader is intended to work across all generic render setups and even XR in all render modes. This includes every possible platform, including pc, consoles, mobile and web. No matter the setup or render pipeline, the effect behaves exactly the same.

🔍Debugging🔍

When needed, detected edges and lines can be visualized. You are able to inspect every part of the render process and from which source, which edge is created or even mixed together. A debugging feature that even your artists can use. This comprehensive kind of debugging can even be used to fine-tune the effect until you maxed out your visual quality.

⚙️Additional Tools⚙️

The package comes with an install wizard to get you started quickly and a shader variant stripping tool to reduce build times and size.

🪜Example Scenes:🪜

MK Edge Detection comes with a variety of example scenes to help you get started quickly and effectively. The example scenes featuring multiple different design ideas and complex geometry including very difficult shapes for edge detection.

💾Updates + Maintenance + Support💾

All of my assets receive updates, are maintained regularly and supported as best as possible.

🌈Do you have some cool stuff to show?

I would love to see your results (high resolution screenshots / videos) using the shader. Just drop me a message.

💡Questions, bug reports, feature requests, feedback or just to say hello💡

Feel free to get in touch via support@michaelkremmel.de at any time.