How to make the graphics for Star Driller Ultra
The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company.
So a lot of praises has been made about the graphics in our Ludum Dare game Star Driller Ultra. How did we make such beautiful graphics in a short amount of time?
Well, actually, itâ€™s a lot easier than you think.
Part 1: Making the model in Blender
First, open Blender.
Select that shape with the right mouse button, then go to the right pane and click on the gear tab (called Modifier).
Click on â€śAdd Modifierâ€ť, and select â€śWireframe.â€ť
Now your shape is a wireframe!
After that, itâ€™s just a matter of adjusting the thickness value on the modifier.
Now you can save this model in your Unity projectâ€™s Assets folder, and let the game engine do the rest.
Part 2: Toon shading in Unity
Next, we need to import some toon shaders in Unity. Open Unity, then click on â€śAssetsâ€ť under the menu bar, and select â€śImport Package -> Effects.â€ť
Open the Unity project, and drag your new model into the Scene.
On the Inspector panel, thereâ€™s the Material component properties displayed on the bottom. Scroll down there, and change itâ€™s shader to â€śToon -> Litâ€ť
The cube will still look a bit ugly because it doesnâ€™t have a ramp set. Change the ramp to a horizontal monochrome gradient thatâ€™s 2 pixel tall, and 256 pixels wide. This will act as the gradient applied to the object in response to the lighting.
For Star Driller Ultra, we used the ramp below:
After that, just change the Main Color on the material to whatever you want it to be.
Part 3: Image effects (bloom!)
But wait! If you switch from Scene pane to Game pane, youâ€™ll notice the graphics isnâ€™t as awesome as Star Driller Ultra.
Thatâ€™s because weâ€™re missing some image effects; specifically, bloom. Fortunately, weâ€™ve already imported it, remember?
Click on your camera, and in the inspector pane, use Add Component to add the following three image effects, in order.
- Image Effects -> Camera -> Vignette and Chromatic Aberration
(Adds darker, blurry parts at the corner of the screen)
- Image Effects -> Bloom and Glow -> BloomAndFlares
(Adds blooming light effect)
- Image Effects -> Other -> Antialiasing
(Soften shapes with jaggy edges)
Furthermore, for Star Driller Ultra, Weâ€™ve adjusted the values in each of these image effects under the inspector as follows:
And thatâ€™s about it. You can see the results for yourself.