Creating a halftone shader part 2

full moon halftone screen blend

Learn how to change the look of the halftone pattern with different blend modes. View the Shadertoy demo to see it in action, and change the options.

See part one for how to create the halftone shader.

Overlay

fragColour.rgb = Overlay(pixel.rgb, vec3(c));
full moon halftone overlay

Overlay greyscale

fragColour.rgb = Overlay(vec3(greyResult), vec3(c));
full moon greyscale halftone overlay

Screen blend

fragColour.rgb = ScreenBlend(pixel.rgb, vec3(c));
full moon halftone screen blend

Screen blend greyscale

fragColour.rgb = ScreenBlend(vec3(greyResult), vec3(c));
full moon greyscale halftone screen blend

Circle distance

fragColour.rgb = vec3(c);
full moon halftone circle distance

Mix

fragColour.rgb = mix(COL1, COL2, c);
full moon halftone colour mix

Shadertoy

Full Shadertoy code and demo available here.

Conclusion

Thank you for reading this tutorial. Let me know in the comments section if you enjoyed it, or have any questions!

Leave a comment

Blog at WordPress.com.