Screen Tint

[Lou]

Hi Hopki,

I'm trying to add a screen tint to an icon element - I've tried amending one that comes with the skin but I just can't get it to work. What would be the settings from scratch?

Many thanks!

[Hopki]

Hi,
How I would do this using V6.x
Example:

First add a variable to the skin:

01_add_variable.png (23.58 KiB) Viewed 1403 times

Then add a rectangle and adjust it's position and size:

02_add_rectangle.png (33.27 KiB) Viewed 1403 times

Then using the rectangles background colour picker change it to black with some alpha to make it translucent:

03_cahange_colour _alpha.png (99.17 KiB) Viewed 1403 times

Deselect visible then under the visible logic block add the following:

04_logic_block.png (59.83 KiB) Viewed 1403 times

Make sure any element that should be in front of the screen tint when it shows is above it in the skins tree.

To show the screen tint using a button or hotspot will need the action:

05_show.png (63.12 KiB) Viewed 1403 times

And to hide:

06_hide.png (53.18 KiB) Viewed 1403 times

You can even give the screen tint the hide action so it hides on click.
Regards,
Hopki

[Lou]

Hi Hopki,

Ah that's perfect, thanks so much for your help!

Lou

[Lou]

Hi Hopki,

Is it possible to hide the screen tint using the same button? When I set the 2 actions (true & false) the tint doesn't open at all?

Thanks

[Hopki]

Hi Lou,
You can change the Operation from "Set(=)" to "Not(¬)" which is a Toggle.
So the operation changes the variable to the oppressive of what it is.
Example: if it's false, on click will change it to true. When it's true next click will change it to false.

Or you can have two stack buttons,
The first, mouse click, set variable value, vis_screentint, Set(=), true.
The second, mouse click, set variable value, vis_screentint, Set(=), false.
You can also use the variable to show and hide the buttons using the visible Logic Block.
So assuming the variable is false, the show screen tint button which is visible by default will have a visible logic block: *vis_screentint =, true Visible: false. So on click it will hide when the variable is true.

The Hide Screen tint button which is hidden by default will that the visible logic block: *vis_screentint =, true Visible: true
This way you can have two buttons with different graphics.
Regards,
Hopki