Tessellation

art, generative

Check out tessellation.herokuapp.com.

Examples

HTML

1
2
3
4
5
6
7
8
9
10
<div class="repeat"></div>
<style>
  .repeat {
    width: 400px;
    height: 400px;
    background: url('https://tessellation.herokuapp.com/random?type=png');
    background-size: 25%;
    background-repeat: repeat-x repeat-y;
  }
</style>

JSFiddle

COMMAND LINE

1
$ curl https://tessellation.herokuapp.com/YOUR_TEXT?scheme=5555557bb38ef4f1d7f8ab65f15c4c

Random text and scheme.

1
$ curl https://tessellation.herokuapp.com/random > $(date +%s).svg