← All backgroundsTERRAIN · LIVE
Color

ASCII Terrain Animation – Live Background

Rolling ASCII hills made of shading blocks that scroll slowly sideways. Landscape background with fullscreen, PNG and HTML export.

About the Terrain effect

Terrain draws a side-on landscape. For each column, two slow sine waves of different lengths are added to find the height of the ground, producing gentle hills with occasional larger swells. Below the ground line, cells are filled with the shading blocks ░▒▓█, getting denser with depth, so the surface has a light crust and the earth beneath looks solid. Over time the waves drift in opposite directions, so the hills slowly change shape and the landscape seems to scroll past, like the view from a train or the parallax backdrop of an old side-scrolling game. The upper half of the screen stays mostly clear for titles or text. Green gives grassy hills, amber a desert at sunset, white a snowy ridge. Combine a slow speed with a large font size for a chunky, pixel-art style horizon.

Ideas for using Terrain

  • Footer or hero landscape for an outdoors, travel or game site
  • Parallax-style backdrop for a retro game trailer or stream
  • Horizon wallpaper with space for text in the sky (PNG export)

Download as wallpaper

Pick a size for your Terrain wallpaper, or compare every effect on the ASCII wallpapers page.

Export formats, keyboard shortcuts and embedding work the same for every effect: see the backgrounds guide.

Frequently asked questions

Can I put text above the hills?

Yes. The ground sits around the middle of the screen, leaving the upper half mostly empty for a title or logo.

Why does the landscape change shape?

The height is the sum of two sine waves drifting in opposite directions, so hills slowly rise, fall and travel sideways.