Creating the Pixel Painting Instructions

The Pixel Painting Instructions describe a data structure that defines how the patina is being created. It is a binary tree, where the end-nodes are images or patterns that are then combined, two at a time, to create the patina.

This is a very basic example and the Pixel Painting Instructions can get very unmanageable. To help you, here are the basic structure and building blocks.

the basic structure

{
    "width"     : 256,
    "height"    : 256,
    "patina"    : {

    }
}

building blocks

• createPattern
• combine
• reusableImages
• filter

Specified by a data structure written in JSON, the browser will render a new background image every time you reload the page.

"patina" : {
    "type"          : "createPattern",
    "patternName"   : "noise_plasma"    
}

will become: