12 years ago

Unity Screen Fade In/Out Tutorial


Hello,

We thought we would put another little unity dev tutorial up for your viewing. This tutorial will feature how to create a simple fade in/out script.

The basis of this is to first, create a GameObject that can be anywhere in the scene. To this object attache a GUITexture. Give this GUITexture a any black texture, and set the width and height to any aspect you want, as you can see from the image below, we chose 1920x1080 as this is the max resolution of that the game will run at.

After this add a script, for ease of discussion we have decided to copy the entire source of code from our SceneFader script. Please feel free to use it if you ever need.


using UnityEngine;

using System.Collections;

public class SceneFadeInOut : MonoBehaviour

{

public float fadeSpeed = 1.5f; // Speed that the screen fades to and from black.

private bool sceneStarting = true; // Whether or not the scene is still fading in.

public GUITexture guiTextre;

void Awake ()

{

// Set the texture so that it is the the size of the screen and covers it.

guiTexture.pixelInset = new Rect(0f, 0f, Screen.width, Screen.height);

}

void Update ()

{

// If the scene is starting…

if(sceneStarting)

// … call the StartScene function.

StartScene();

}

public void FadeToClear ()

{

// Lerp the colour of the texture between itself and transparent.

guiTexture.color = Color.Lerp(guiTexture.color, Color.clear, fadeSpeed * Time.deltaTime);

}

public void FadeToBlack ()

{

// Lerp the colour of the texture between itself and black.

guiTexture.color = Color.Lerp(guiTexture.color, Color.black, fadeSpeed * Time.deltaTime);

}

void StartScene ()

{

// Fade the texture to clear.

FadeToClear();

// If the texture is almost clear…

if(guiTexture.color.a <= 0.05f)

{

// … set the colour to clear and disable the GUITexture.

guiTexture.color = Color.clear;

guiTexture.enabled = false;

// The scene is no longer starting.

sceneStarting = false;

}

}

public void EndScene (string name)

{

// Make sure the texture is enabled.

guiTexture.enabled = true;

// Start fading towards black.

FadeToBlack();

// If the screen is almost black…

if(guiTexture.color.a >= 0.95f)

// … reload the level.

Application.LoadLevel(name);

}

}


The last step is to set the fade speed to a required prefference in the editor, and you should have a working fade in script when you first run the scene.

We hope this helps.

Stay tuned for more as we move closer to the demo’s release.

Thanks

Deceptive Games



1 comment

Loading...

Next up

Bandana Dee the Dream Friend

art comission.

We made a lot of improvements on the Freezing Plains visual. Things like pine trees, tiny bushes, some rocks, and others game props!

#IndieGame | #IndieDev | #GameDev | #PixelArt | #WaifuQuest | #WifeQuest | #screenshotsaturday

The Darkside Detective: A Fumble in the Dark is out TODAY! 🖱️Advanced pointing, clicking action 🖨️Very funny words! Loads of them! 👻6 sarcastic, spectral cases to solve

One of the most critical update for Sunblaze demo. Now you are able to pet a cat! Finally!

An infected room from the second part of Cybel ! Are you up for some cleansing?

If you’ve played the Vault demo and enjoyed it, please consider ‘liking’ the game page here on Gamejolt and/or leave a comment!

Also please consider tossing Vault on your Wishlist, I really appreciate your support!

https://store.steampowered.com/app/1251800

Hi all, Quick update with a bunch of fixes and changes.

Updated save system, optimisation and screen tear fixes, a new shoutout room and more sounds.

Don't forget to follow the kickstarter going live on the 20th! https://www.kickstarter.com/projects/9fingergames/zapling-bygone

Enjoy!

Subscribe to technoblade