Sharp Sprite - RGSS for Defold

Sharp Sprite is the implementation of Rotated Grid Super-Sampling (RGSS) for the Defold engine. If you use down-scaled high-resolution images in your game and you want to get rid of blurriness (because of mipmapping) or sharpness (because of disabled mipmapping), then RGSS is for you.

How does it work? RGSS samples the texture multiple times with an offset on each sample and averages the results. For this, it uses a 4x MSAA rotated grid pattern, sometimes called 4 rooks.

The second solution, that included in this repo, uses mip biasing. Mip biasing tells the GPU to adjust what mip level to use. The shaders use mip bias of -1.0 that pushes the mip level one full mip back to make 2D sprites look much sharper.

Also, check out the demo. Feel free to ask questions in the Defold forum topic.

Installation

You can use it in your own project by adding this project as a Defold library dependency. Open your game.project file and in the dependencies field under project add the ZIP file of a specific release.

Sharp Sprite contains a collection of materials that are a drop-in replacement for the standard 2D materials:

• Mipmap Bias -1.0: almost as fast as the standard materials. Use this first. If it fits your project well, keep it and don't try RGSS at all. Not suitable, if you use Slice-9 (will blur around the edges).
• RGSS: slow, and requires OES_standard_derivatives (see below), and doesn't require mipmaps.
• RGSS Mipmap Bias -1.0: faster than RGSS, but requires mipmaps. Not suitable, if you use Slice-9 (will blur around the edges).

Mipmap Bias -1.0

Type	Defold Material	Sharp Sprite Material
GUI	/builtins/materials/gui.material	/sharp_sprite/mipmap_bias/materials/gui.material
ParticleFX	/builtins/materials/particlefx.material	/sharp_sprite/mipmap_bias/materials/particlefx.material
Spine	/defold-spine/assets/spine.material	/sharp_sprite/mipmap_bias/materials/spine.material
Sprite	/builtins/materials/sprite.material	/sharp_sprite/mipmap_bias/materials/sprite.material
Tilemap	/builtins/materials/tile_map.material	/sharp_sprite/mipmap_bias/materials/tile_map.material

RGSS

Type	Defold Material	Sharp Sprite Material
GUI	/builtins/materials/gui.material	/sharp_sprite/rgss/materials/gui.material
ParticleFX	/builtins/materials/particlefx.material	/sharp_sprite/rgss/materials/particlefx.material
Spine	/defold-spine/assets/spine.material	/sharp_sprite/rgss/materials/spine.material
Sprite	/builtins/materials/sprite.material	/sharp_sprite/rgss/materials/sprite.material
Tilemap	/builtins/materials/tile_map.material	/sharp_sprite/rgss/materials/tile_map.material
Font (Bitmap)	/builtins/fonts/font.material	/sharp_sprite/rgss/fonts/font.material or /sharp_sprite/rgss/fonts/font-singlelayer.material
Font (BMFont)	/builtins/fonts/font-fnt.material	/sharp_sprite/rgss/fonts/font-fnt.material
Label (Bitmap)	/builtins/fonts/label.material	/sharp_sprite/rgss/fonts/label.material or /sharp_sprite/rgss/fonts/label-singlelayer.material
Label (BMFont)	/builtins/fonts/label-fnt.material	/sharp_sprite/rgss/fonts/label-fnt.material

RGSS Mipmap Bias -1.0

Type	Defold Material	Sharp Sprite Material
GUI	/builtins/materials/gui.material	/sharp_sprite/rgss_bias/materials/gui.material
ParticleFX	/builtins/materials/particlefx.material	/sharp_sprite/rgss_bias/materials/particlefx.material
Spine	/defold-spine/assets/spine.material	/sharp_sprite/rgss_bias/materials/spine.material
Sprite	/builtins/materials/sprite.material	/sharp_sprite/rgss_bias/materials/sprite.material
Tilemap	/builtins/materials/tile_map.material	/sharp_sprite/rgss_bias/materials/tile_map.material

Notes

• If you use Slice-9 in GUI or for sprites, use RGSS material in that case, i.e. without mipmaps.
• RGSS requires the OES_standard_derivatives OpenGL extension to run. It's universally supported by OpenGL, OpenGL ES 3.0, WebGL 2.0, by the most of OpenGL ES 2.0 and WebGL 1.0 devices (Android stats and by all iOS devices). But the shaders will work, even if derivatives are missing.
• RGSS is sampling the texture 4 times. On mobile GPUs, it can have a significant performance impact. You should always check the game performance on your target devices!
• RGSS is blurring at 1:1 scaling.
• RGSS doesn't use mipmapped textures. You can turn off the mipmapping in your texture profile and save 30% of disk space.
• RGSS can be used with mipmap bias -1.0 to get the best quality.
• If your sprites use both Defold standard and Sharp Sprite materials, then it's a good idea to split them by tags to avoid breaking of draw batching:
  1. Copy Sharp Sprite material to your project and apply tag tile_rgss into it.
  2. Modify your render script to draw the tagged sprites.

Credits

Based on an original idea by Ben Golus - Sharper Mipmapping using Shader Based Supersampling.

The snake image is from Kenney.