Cutscenes in 2D

Question

Hi,

I am trying to realize cutscenes which I want to look like animated manga. To be more precise : I am having 2D images and I want to play them using a script to make them fade one to another ( like old cartoons were made , almost ) with voice cover of course.

I am not very sure how to do this. I don't know how a fading script would look like and what should I use GUI or Plane.

P.S. UNITY FREE

Thanks for help.

Answer 1

You can add a GUI texture triggered by collider and Voila ! SlideShow or Cutscene script with 2d Images :

Script for everyone :

 #pragma strict
 
 var pageOne : Texture2D;
 var pageTwo : Texture2D;
 var pageThree : Texture2D;
 var pageFour : Texture2D;
 var pageFive : Texture2D;
    
 var changeImageSpeed : float = 0.2;
 
 private var swImage : Texture2D;
 var changeImageTime : float;
 
 
 //var voiceCover : AudioClip;
 
 function Start () {
     
     swImage = pageOne;
 
 }
 
 function Update () {
 
     changeImageTime += Time.smoothDeltaTime*changeImageSpeed;
     
     if( changeImageTime >= 10 ){
         swImage = pageTwo;
         }
         
     if( changeImageTime >= 20 )
         swImage = pageThree;
             
     if( changeImageTime >= 30 )
         swImage = pageFour;
         
     if( changeImageTime >= 40 )
         swImage = pageFive;
         
     if( changeImageTime >= 50 )
         Application.LoadLevel("Level 1");    
     
     
 
 
 }
 
 function OnGUI(){
         
         GUI.DrawTexture(Rect( 0 , 0 , Screen.currentResolution.width, Screen.currentResolution.height ), swImage);
     
     
 }

Answer 2

Answer by Screenhog · Oct 02, 2012 at 08:50 PM

If it were me, I'd use actual mesh objects – like planes – to display the comic panels. I'd likely make a Transparent Unlit material for each unique image, changing the texture properties appropriately (Non Power of 2, for instance). The materials would be added to planes.

For animating them, my first thought would be to parent all the planes to an empty GameObject, and then animate them within Unity's Animation window, which is good enough for simple, timed motions like these. You can animate both movement and transparency in the Animation window. The animation of the comic would then be saved, played within the game, and paused/restarted based on user input (depending on how complicated your comic would be).

1 Show 6 · Share

AMDAndrew · Oct 03, 2012 at 01:47 PM 0

Share

I am going to try this and if it will work good I'll accept this as good answer

EDIT: I found another problem, if the plane is for ex 800 x 600 and your res. is the same you'll have a full screen but if your res. is bigger the plane is smaller.

Screenhog · Oct 03, 2012 at 04:46 PM 0

Share

Are you working with multiple resolutions? Could you just display your comic over a black background, so that any bleed outside the comic is just black?

AMDAndrew · Oct 03, 2012 at 05:05 PM 0

Share

I'm working with 1280 but I think there will be players that will like to play with for ex 800. What will they do ?

Screenhog · Oct 03, 2012 at 05:45 PM 0

Share

Change the distance of the camera from the planes, possibly?

AMDAndrew · Oct 04, 2012 at 04:29 PM 0

Share

What do you mean ?

Show more comments

Answer 3

Answer by AlucardJay · Oct 03, 2012 at 06:05 PM

Aah, the joys of supporting multiple resolutions and aspect ratios. Search for similar questions about iOS and supporting multiple displays, e.g. :

http://answers.unity3d.com/questions/158934/2d-ios-game-different-resolutions-question.html

http://www.google.com.au/search?q=unity+detect+what+iOS+screen+resolution

Basically you have 2 main methods. One is to create an object with a texture that when viewed by different aspect ratios it doesn't occlude any important parts of the image. The Other is first detect what aspect ratio the build is playing in, then load one of several different objects that have each been built in their own aspects. The second requires more objects, and possibly the use of the Resources folder, so consider the first =]

1 Show 1 · Share

AlucardJay · Oct 03, 2012 at 06:07 PM 0

Share

Sorry, to answer the actual question, use planes and swap textures for different resolutions =]

Cutscenes in 2D

3 Replies

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions