Change Blend Mode Script

Hi, Aa John Brown!

Blendmode documentation is here

You can change blendmode of material like this: 

// Sets the blend mode of the main pass for a material to Screen
//@input Asset.Material material

script.material.mainPass.blendMode = 3;

Here is a simple script that scrolls through blend modes of material of an Image 

// ----JS CODE----
// @input SceneObject obj

var count = 0;
var material = script.obj.getComponent("Component.Image").mainMaterial;

function onTapped(eventData) {

var count = pass.blendMode;
count++;

// skip blendmode 1 and 2 because they are deprecated
if (count === 1 || count === 2) {
count++;
}

count = count % 13;

material.mainPass.blendMode = count;
}

material.mainPass.blendMode = count;
}

var event = script.createEvent("TapEvent");
event.bind(onTapped);

In this case, since you want to affect multiple images you can do something like this:

On each of your image, you can have a script that that passes it's image pass to the blend mode changing script:

// -----JS CODE-----
// @input Component.ScriptComponent mainControl

var pass = script.getSceneObject().getComponent("Component.Image").mainPass;

script.createEvent("TapEvent").bind(function() {
script.mainControl.api.setPass(pass);
})

Then in the blend mode changing script, provide an API to pass the pass over:

// ----JS CODE----
// @input SceneObject obj

var pass;

script.api.setPass = function(p) {
    pass = p; 
}

var count = 0;

function onTapped(eventData) {

var count = pass.blendMode;
count++;

// skip blendmode 1 and 2 because they are deprecated
if (count === 1 || count === 2) {
        count++;
    }

count = count % 13;
material.mainPass.blendMode = count;
}

var event = script.createEvent("TapEvent");
event.bind(onTapped);

Best 

Olha