How do I use "multiply" or "darken" blend mode?

Get help using Construct 2

Post » Sun Mar 20, 2016 1:14 pm

I can't find it in a list of modes.
It's not there because multiplication is slower that addition for "Additive"?
How can I emulate "multiply"?
B
6
S
2
Posts: 30
Reputation: 540

Post » Sun Mar 20, 2016 2:23 pm

Hey shalmu, :)

Apologies if I misunderstand your question, but it sounds like you're interested in applying a "multiply" blend mode to an object.


HTML5 vs Shader Effects
So there are two systems that can apply blend modes to an object, basic HTML5, and Shader Effects. I think you may be looking at just the basic HTML5 list of blend modes, which has modes like "Additive" and "XOR", but it doesn't have "Multiply". Fortunately the Shader Effects do have a "Multiply" blend mode you can apply to objects.


Applying a shader effect
With the object selected, in the properties panel, in the "Effects" section, there should be two properties listed, "Blend mode" and "Add / edit" (Effects).

The "Blend mode" property sets the basic HTML5 blend mode for the object, and does not require a graphics card. Again, this is the list that has "Additive" and "XOR", but not "Multiply".

Alternatively, the "Add / edit" (Effects) property lets you add multiple shader "Effects", which require a graphics card.
A "shader" is a graphics effect, like a blend mode, or a distortion, or a blur, but importantly these effects are rendered by a graphics card instead of just the basic HTML5 engine.

  1. If you click the blue "Effects" link, to the right of the "Add / edit" property, you should see the "Effects" window pop up. This window shows you the list of effects applied to your object. It will be empty to begin with, since we haven't added any effects yet.
  2. At the top of this window, click the plus "+" button, and you should get a list of all the available shader Effects you can choose from.
  3. If you scroll down to the "Blend" section, you'll see "Multiply".


Shader effect & Mobile devices
Mobile devices like tablets and phones might not support shaders, because they might not have a graphics card to render the shader effects. But nearly all computers should have no problem rendering shader effects. Just something to be aware of.


Hope that helps. :)
B
28
S
18
G
8
Posts: 332
Reputation: 6,191

Post » Sun Mar 20, 2016 2:37 pm

Thanks, this is exactly what I need! Now I know it resides not i "Blend mode", but in "Effects" and I can see many other complex blend modes there!
B
6
S
2
Posts: 30
Reputation: 540

Post » Mon Mar 21, 2016 8:59 am

Awesome! Happy to help. :)

If you're interested, you can also get more 3rd-party shader Effects in the "Extending Construct 2" > "Effects" section of this forum.
The "WebGL Effects List" thread keeps a list of the published 3rd-party Effects.

And depending on how far into effects you want to get, you can also code your own shaders for C2.
Shaders for C2 can be programmed in the GLSL language, in any text editor.
There's a template effect file included in the Construct 2 SDK files, which you can get at the link below.
SDK: https://www.scirra.com/manual/15/sdk
B
28
S
18
G
8
Posts: 332
Reputation: 6,191


Return to How do I....?

Who is online

Users browsing this forum: No registered users and 26 guests