Changing Content with Parameters

In this example you can change the appearance and composition of the "Echo" Shot by clicking the buttons below. Each button sets the Shot with a different set to Parameters.

Each of the buttons sets the demo Display's Content Key to "echo" but the Shot renders differently for each because the Parameters change the composition.

Red

function echoRed() {
    Plinthos.displays.demo.show('echo', {
        plinthColor: '#f98',
        echoColor: '#f54',
        horizon: '#100',
        nadir: '#410',
        bloomThreshold: 0.2,
    })
}

Split

function echoSplit() {
    Plinthos.displays.demo.show('echo', {
        plinthColor: '#fff',
        echoColor: '#ccc',
        zenithOffset: 0.85,
        zenith: '#300',
        horizonOffset: -0.4,
        horizon: '#030',
        nadir: '#003',
        nadirOffset: 0.85,
        bloomThreshold: 0.2,
        xChrom: 0.3,
        zoom: 2,
    })
}

Ink

function echoInk() {
    Plinthos.displays.demo.show('echo', {
        plinthColor: '#420',
        echoColor: '#630',
        zenith: '#eee',
        horizon: '#edc',
        nadir: '#543',
        nadirOffset: 0.2,
        bloomIntensity: 0,
        bloomRadius: 0,
        bloomThreshold: 1,
        zoom: 2,
    })
}

Default

function echoDefault() {
    Plinthos.displays.demo.show('echo')
}

See how to set content with parameters using HTML

The show function on the DisplayController is needed for this example because we need to pass in the Shot Parameters as the second argument.

Although there are some general Parameters, every Stage in every Kit will have its own set of Parameters that it considers when composing its Shots; these examples are just a guide. You will be provided with information about which parameters your Stages use (i.e., this demo Stage uses echoColor and plinthColor to color its Motifs but other Kits won't have these Parameters, instead having Parameters that make sense to their specific Content).