Play PixelForge

The PixelForge cast

Each friend shows you one idea by how they act. Meet them all and see how the ideas fit together.

  1. Speck The single pixel — the atomic unit of pixel art; every image is a grid of these
  2. Shade The palette ramp — a small set of colors arranged from darkest to lightest (the foundation of pixel-art shading and form)
  3. Grid The tilemap grid — pixels snapped to repeating units that form tiles, tilesets, and game maps
  4. Tween The in-between frame — the animation frame that sits between two keyframes, giving motion its smoothness
  5. Banner The impact pose — the heroic / dramatic silhouette that reads instantly at thumbnail size (the principle that good character art is recognizable from its outline alone)
  6. Stipple Dithering — scattering two colors in a checker pattern so your eye blends them into a third; how pixel artists fake a smooth gradient with a tiny palette
  7. Feather Anti-aliasing — tucking a few in-between pixels along a jagged edge so a curve reads smooth instead of like a staircase
  8. Sheen Light source and form shading — choosing where the light comes from, then placing highlights and shadows so a flat shape turns round
  9. Rim Selective outlining — drawing the edge only where a sprite would get lost, so it pops from the background without looking boxed-in
  10. Cycle Color-cycling animation — making water and fire flow by shifting which colors sit in the palette slots, without moving a single pixel
  11. The Sprite A finished character sprite coming to life — how placed pixels, a color ramp, chosen light, a clean outline, and smoothed edges layer together into one whole little hero

Play PixelForge in your browser →