Page 1 of 1

Screen Tint

Posted: Fri Dec 21, 2018 1:10 pm
by 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! :)

Re: Screen Tint

Posted: Fri Dec 21, 2018 1:45 pm
by Hopki
Hi,
How I would do this using V6.x
Example:

First add a variable to the skin:

01_add_variable.png
01_add_variable.png (23.58 KiB) Viewed 1441 times

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

02_add_rectangle.png
02_add_rectangle.png (33.27 KiB) Viewed 1441 times


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

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

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

04_logic_block.png
04_logic_block.png (59.83 KiB) Viewed 1441 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
05_show.png (63.12 KiB) Viewed 1441 times

And to hide:

06_hide.png
06_hide.png (53.18 KiB) Viewed 1441 times

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

Re: Screen Tint

Posted: Fri Dec 21, 2018 2:27 pm
by Lou
Hi Hopki,

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

Lou

Re: Screen Tint

Posted: Sat Jan 05, 2019 2:55 pm
by 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

Re: Screen Tint

Posted: Sat Jan 05, 2019 5:16 pm
by 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