How Soup Was Made

Posted by (twitter: @joshdbb)
September 14th, 2015 7:20 pm

I thought that I would give a quick explanation of how I achieved the graphics in my entry Soup seeing as it is shockingly simple.

Soup

It uses a technique called ‘Metaballs’ that is often used for water effects. You will find plenty of information about this technique if you google for it. Most people would assume that this effect would require a complicated shader but in fact my fragment shader is only three lines of code:

Screen Shot 2015-09-15 at 01.05.15

Here is a picture of a scene with the shader:

Screen Shot 2015-09-15 at 01.07.29

This is the same scene without the shader:

Screen Shot 2015-09-15 at 01.07.39

So yes, the entire game was made up of a gradient circle sprite, a gradient line sprite and three lines of shader code.

The magic has now been ruined!

I hope that this technique helps other people on their quest to become a game developer.


Leave a Reply

You must be logged in to post a comment.

[cache: storing page]