Giter Club home page Giter Club logo

island.js's Introduction

island.js

Island map generator in JavaScript, using a Voronoi graph and perlin noise http://lebesnec.github.io/island.js

Usage :

<canvas id="island" resize="true"/></canvas>
<canvas id="perlin" hidden="true"></canvas>
<script type="application/javascript">
    paper.install(window);
    window.onload = function(e) {
        paper.setup('island');
        Island.init();
    };
</script>

You can also set the following optionals parameters :

Island.init({
    width: 500,
    height: 500,
    perlinWidth: 256,
    perlinHeight: 256,
    allowDebug: false, // if set to true, you can click on the map to enter "debug" mode. Warning : debug mode is slow to initialize, set to false for faster rendering.
    nbSites: 10000, // numbers of voronoi cell
    sitesDistribution: 'hexagon', // distribution of the site of the voronoi graph : random, square or hexagon
    sitesRandomisation: 80, // will move each site in a random way (in %), for the square or hexagon distribution to look more random
    nbGraphRelaxation: 0, // nb of time we apply the relaxation algo to the voronoi graph (slow !), for the random distribution to look less random
    cliffsThreshold: 0.15,
    lakesThreshold: 0.005, // lake elevation will increase by this value (* the river size) when a new river end inside
    nbRivers: (10000 / 200),
    maxRiversSize: 4,
    shading: 0.35,
    shadeOcean: true
});

Rendering with 50000 polygons and 250 rivers : example of generated island example of generated island

With 10000 polygons, shading off : example of generated island

Rendering using a "square" graph : example of generated island

island.js's People

Contributors

lebesnec avatar toddat avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.