How do I make the entire screen fade to black?

^^^^

One way to do it is to use a non-transparent layer with a black background, and lerp its opacity from 0 to 100 using a lerp factor of your choice.

Alternatively, if you don't mind plugins.

https://www.scirra.com/forum/plugin-updated-layouttransition-v1-2-layouts-transitions_t129279

Alternatively, if you don't mind plugins.

https://www.scirra.com/forum/plugin-updated-layouttransition-v1-2-layouts-transitions_t129279

+1 for this. I LOVE this plugin. Did exactly what I wanted it to do. No issues on nw.js export either.

Instead of lerping, I just added a fade behaviour to my black overlay sprite and triggered the behaviour when my layout ended.

One way to do it is to use a non-transparent layer with a black background, and lerp its opacity from 0 to 100 using a lerp factor of your choice.

Could you elaborate on that?

First, create a new layer and place it at the top-most level. You can also rename it to something like "Fade". In its properties, locate the "Transparent" one, and set it to "No". Next, set the "Background color" property to black (or any other color you wish the fade to be), and finally, set the "Opacity" property to 0.

The actual fading can be done in a number of way, but the easiest one is to lerp from 0 to 100 using an incrementing lerp factor. Like this :

The "Start of layout" can be replaced by any trigger you want.