Tag: Pixel Art
-
Creating a simple outline shader
Learn how to create a simple outline around an image in a fragment shader using the GLSL programming language. Easily portable to other shader languages.
-
Generating terrain in an infinite world
It would be impossible to hand craft an infinite world, so instead I generate a terrain sprite outside the camera viewport. I use the length of the camera and terrain rectangles, the direction the player is currently moving in and circles to position the terrain, so it is always just outside the viewport. Old terrain…
-
Creating a cat and mouse game in Processing
This tutorial will teach you how to create a cat and mouse game in Processing using Java. You will control the mouse, and try to survive against the hungry and angry cats! You will learn how to code the movement for a player and enemies in a game using vector math. We will use circles…
-
How to create a shining coin using a shader
Learn how to create a stunning shining coin effect using a line segment SDF in a GLSL shader. Step by step instructions help you achieve a professional finish. Play with brightness and smoothing for your unique touch. Check out the examples for inspiration. Get creative and enjoy the process!
-
Creating a binary image shader
In this tutorial, learn how to convert a sprite to a binary image using a GLSL shader. Utilising only two colours, typically black and white, you can follow simple steps to achieve this effect. Experiment with different colours and bias values to personalise your results. Get creative and enjoy the process!
-
Creating a duotone gradient in a GLSL shader
This tutorial guides you through creating a duotone gradient in a GLSL shader. Steps include converting to greyscale, creating a gradient, overlaying colours, and setting the output alpha. Experiment with colours and gradients to customise your sprite.
-
Creating a duotone circle effect in a GLSL shader
This tutorial demonstrates creating a duotone circle effect in a GLSL shader using a sprite of a mountain. By following the outlined steps, you can achieve a visually appealing result. The process involves details such as aspect ratio correction, creating a circle, converting to greyscale, overlaying colours, and setting the alpha channel. Experiment with different…
-
Creating a duotone effect in a GLSL shader
This tutorial demonstrates how to create a duotone effect in a GLSL shader using an astronaut sprite. The process involves converting pixel colours to greyscale, determining pixel brightness in HSV format, mixing shadow and highlight colours, and adjusting effect intensity. The final step ensures transparency functions correctly. Explore the full tutorial for complete guidance.
-
Tinting Shan Shui art with gemstone colours
Following on from the sepia post, I replaced the sepia colour with gemstone colours. I used emerald, ruby and sapphire RGB values from Wikipedia. I lowered the brightness of the gemstone colours so they were not to bright when combined with the greyscale image.