Trianglify example

by thorst

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/0.2.0/trianglify.min.js"></script>

CSS

html,
body {
   padding:0;
    margin:0;
}

JavaScript

var pattern = Trianglify({
    cell_size: 75,
    variance: 0.75,
    x_colors: ['#222253','#28345A','#36616C'],
    y_colors: 'match_x',
    palette: Trianglify.colorbrewer,
    color_space: 'rgb',
    color_function: false,
    stroke_width: 1.51,
    width: window.innerWidth-5,
    height: window.innerHeight-5,
    seed: 'd4hga',
    stroke_width: 1.51,
    color_function: null
});
document.body.appendChild(pattern.canvas())

// color_function example to calc custom color(s)
/*
var colorFunc = function(x, y) {
    return 'hsl('+Math.floor(Math.abs(x*y)*360)+',80%,60%)';
};
var pattern = Trianglify({color_function: colorFunc})
*/