LandscapeJS

Create stunning unique landscapes

npm install @binarystarstudio/landscapejs

Generate random, stunning landscape visualizations with just one line of code.

import { Landscape } from 'landscape-js';

// Initialize with a single line
const scene = new Landscape({ container: '#app' });
scene.render();

Designed for the Modern Web

• Lightweight Core

  • Pure Canvas API with no external dependencies. Under 5kb gzipped and ready to drop into any project.

• Fully Customizable

  • Adjust colors, noise levels, sun position, and mountain density via a simple JSON config object.

• Zero Dependencies

  • No heavy frameworks required. Just include the script tag and you're ready to paint the sky.

https://landscapejs.github.io

Inspiration and references:

• https://p5js.org
• https://github.com/OliverBalfour (https://codepen.io/OliverBalfour/pen/QNyKEE)
• https://github.com/anokhee (https://github.com/anokhee/generative-landscapes)
• https://getwaves.io/
• https://www.ecircuitcenter.com/Calc/draw_sine1/draw_sine_canvas1.htm
• https://www.freepik.com/