itch.io is community of indie game creators and players

Devlogs

Highlights and Shadows

SnakeLike
A browser game made in HTML5

The latest release (1.3.0) of SnakeLike includes automatic highlights/shadows for the on-screen blocks.


Technical details:

My initial idea was to paint variations of each sprite with various highlights, but then I realized that it could be done automatically. The direction of light is thankfully always from top-left and doesn’t change through the game so this is as easy as detecting and recording the neighbors of the block. After that I use this palette which (subjectively) let’s me go from a color to its brighter - darker versions:

and paint the corners of the block. It is so easy yet has a profound visual effect.

Let me know what you think!

Files

  • HTML Version of the Game 452 kB
    Version 1.3.0
  • Downloadable version (Windows) 1.1 MB
    Version 1.3.0
  • Downloadable version (MacOS) 3.2 MB
    Version 1.3.0
  • Downloadable version (Linux) 691 kB
    Version 1.3.0
  • PICO-8 Cartridge 36 kB
    Version 1.3.0
  • PICO-8 Source Code 89 kB
    Version 1.3.0
Download SnakeLike
Leave a comment