You must be logged in to post messages.
Please login or register

Scenario Design
Moderated by Yeebaagooon, nottud

Hop to:    
loginhomeregisterhelprules
Bottom
Topic Subject: A Guide to Cinematics
posted 03 September 2008 11:00 AM EDT (US)   




Introduction





On the request of a few people, I have decided to make a very detailed guide on elements that make a good cinematic.

So, what is a cinematic? A cinematic is a group of triggers that make the player watch a mini-movie, the group of triggers almost always starts with a cinematic mode on effect, and always ends with a cinematic mode off effect. If a player has control of units, and the cinematic mode is not on, it is not a cinematic.

A successful cinematic will need lots of elements in order to entertain the viewer. I will discuss the following elements in this guide. Before you can make a cinematic, you will first need to learn how to manipulate the camera, so the first two sections do not have much to do with actually making a cinematic, more how to use the camera to make it look nice.



Contents





    • Camera tracks

      • How to unlock the camera
      • Waypoints
      • Advanced camera tricks

    • Camera cuts

      • How to set up a camera cut
      • Advanced angles

    • Cinematic mode

      • Normal cinematic mode
      • Full screen mode

    • Dialogues

      • Icons

    • Special Effects

      • Animations
      • Visual effects and sound effects

    • Bringing it all together *


* This section assumes you know how to make triggers.

So, let's get rolling!



Camera Tracks





Camera tracks are very important. They allow dynamic movement of the camera, they help make cinematics much more interesting, and they have other uses too.
A camera track is made up of a series of camera cuts, called waypoints. The camera track will go through all the waypoints.

How to unlock the camera
You've probably seen a lot of screenshots with the camera at an angle, but you have no idea how to get that angle.

First you have to enable camera rotation. To do this, go to the main menu and click options. Then make sure that the 'Allow Camera Rotation' box is active.

Now go into the editor and press Alt+Shift+C on your keyboard. You have now unlocked the camera, and it offers endless possibilities:

  • - = Zoom out
  • + = Zoom in
  • A = Tilts the angle of the camera towards the sky
  • Z = Tilts the angle of the camera towards the ground
  • Pageup = Moves the camera vertically up
  • Pagedown = Moves the camera vertically down
  • Mouse wheel = Rotates the camera
  • Alt+Shift+C = Returns to normal view

Remember: If your map is larger than 150x150, zooming out too far will lag!

Waypoints

Now you have unlocked the camera, you can practise using waypoints. To open the camera track editor, click on the green button in the scenario design bar:



When you click this button, the camera track interface will appear.



When you first open the interface, it will be different. To make it look like the screenshot, click the red insert button.

A camera track has magically appeared! Now, let's start with a very basic track that will just move between two points. After you have decided on the two points, move your camera to the first one (using the arrow keys) and click on 'Point 0'. Then click the dark yellow update button. This will tell your camera track that you want to start at this point.

Next, move your camera to your final destination using the arrow keys and click the yellow add button. A new waypoint called 'Point 1' will be created. Click on 'Point 1' (make sure it is white) and click the dark yellow update button.

You will now have a camera track, but you need to specify how long you want it to last. To do this, change the number in the dark blue duration box to 5.000 seconds.

Now click the green play button, and watch your camera track. You will have noticed a few things. First, the violet bar will have moved along with your track. If you manually drag this bar, your camera will follow the camera track path. If you want to see this path for yourself, click the blue show button.
Viewing the path can be very useful when you are planning a camera track that goes through a lot of objects.

Now you hopefully know how to make a very basic camera track, let's try some advanced features.

Advanced camera tricks

Create a new camera track, but use 4 waypoints this time. Make sure you experiment with unlocking the camera and create a smooth pattern. I've created one that starts high, looking down on the map and then pans around the map before looking up at the sky (more on this later) from the ground.

It is important to make sure you have a smooth track, that means no jittering. The camera jitters from having to turn around a big angle in a small place, this is worst at the edge of the map. If you track is jittery, use the gold delete button to delete waypoints or the dark red delete button if you completely screw up.


Here's mine. It lasts for 10 seconds. Now click on any waypoint, and experiment with these effects:

  • The orange time button tells you where a waypoint is situated in your camera track timeline. When you create your track, they are equally spaced. Try increasing or decreasing the time value to change the speed of the camera between two waypoints.

  • The dark orange tension button determines how tense the path is between two waypoints. Increasing it will make it take angles with more precision, try it on yours.

  • Continuity and bias have such a small effect on your tracks, they are not worth worrying about.

    So there you go, sexy camera tracks! To use them in your scenario, use the Camera Track effect in the triggers menu (more on this later).



    Camera Cuts





    If you don't want to use camera tracks, you can always use camera cuts instead. Some small ingame cinematics work very well by having the camera cut between different people.

    A camera cut is getting the camera to focus on a certain object or point.

    How to set up a camera cut

    Let's start basic. Place a single object on your map, and we want to have the camera cut to this unit.

    Focus the camera on the unit, and then go to the triggers menu (the red button). You could also click the blue toggle letterbox mode button, that will show you a cinematic view.



    It's very simple. Just move over your unit, with it in your view and create the following trigger:

    Trigger 1 (Active, high priority)

    Conditions:
    Always

    Effects:
    Camera Cut - Stats

    Now move the camera over your unit and click the blue set cut button. If you want to check your cut saved, move away and then click the cyan show button.

    There, that's how you make a basic camera cut. Simple !

    Advanced angles
    Save you want your camera cut to face a certain angle, but you can't get to it by rotating the mouse wheel. What you should do is this:

    Create a 2 point camera track between the first turn of the mouse wheel and the last, set the timer to 5 seconds and then use the scrolling bar (see camera tracks) to find the angle you want. The set up the camera cut in a normal way.



    Cinematic mode





    The cinematic bars are like brackets, with all your nice effects between them. Cinematic mode makes sure the player cannot move any units, and also makes units switch to cinematic models if they have them.

    Normal cinematic mode
    Simply use the Cinematic mode trigger and choose on/off.

    Full screen mode
    When you start your cinematic, use quest var set to set the var 'Cinematic' to 1. When you turn off your cinematic, set the var to 0 and use cinematic mode off.

    Also add a looping active high priority trigger that has the condition Quest Var check, to check that the 'Cinematic' var is equal to one. For effects, simply have cinematic mode on.



    Dialogues





    The 'Play Dialog' effect is your friend. Make sure you use it. This sexy effect gets all the talking your characters may be doing in your cinematics done, with the additional option of icons.

    The interface of the play dialog effect looks like this screenshot. You may have seen some yellow text, and to do this simply put a colon as a separator.

    Eg.

    Yeebaagooon: At last the cinematic is complete!

    Will change into:
    .Yeebaagooon
    At last the cinematic is complete!


    Simple. But you may notice the big black area to the left. This area can be filled with an icon.

    Icons
    Icons are sexy image files that you can add to your play dialog effect to make the cinematic look nice.

    A list of all icons can be found in nottud's editor superpack. But there are some hidden ones that are very sexy. You need to extract the textures2.bar file using AOMed to find them. There's even an icon of Great Britain in there!

    For now, I'm using my default Son Of Osiris icon. (icons/special e son of osiris icon 64). I typed this in the portrait box. The dialog now looks like this:

    Yeebaagooon
    At last the cinematic is complete!


    The sound box will play a sound with your dialogue, but I would use sound filename instead because the dialogue will vanish after your sound finishes.



    Special Effects





    Everyone loves special effects. They set your cinematic apart from the rest. Special effects could be anything, from animations to visual effects.

    Animations - This section is only for SINGLEPLAYER scenarios. Animations do not work online.



    You can access the animation options from clicking the orange button and then scrolling down to 'View Animations', right at the very bottom.

    Animations are very important in singleplayer cinematics. They make your cinematic look professional and they keep the viewer entertained.

    First off, the blue text at the top tells you the protoname of the unit you selected. This may be useful if you want a change unit trigger. Next, click on the green button (it will say idle) and scroll down to cinematic. If your unit does not have a cinematic option, it has no cinematic options.

    Once you have found this you can use the red scroll box to find an animation you like.

    When you have found your animation, you could play with it a bit. The dark green text tells you exactly how long the animation lasts - and that is useful if you are planning a cinematic around it. You can also drag the violet slider to see different frames of your animation.

    A complete list of animations is also supplied in nottud's editor superpack, the animation name will be very similar to the red text, but the red text is NOT the animation name.

    Once you have found the animation name, simply use the set animation trigger to implement it. The fire event at the bottom, fires a trigger as soon as the animation has finished. This is useful if you have a running animation followed by an effect.

    Combining two or more animations can produce outrageous results if done right. This has been done in very few scenarios, so try getting tow units with different animations to interact with each other.

    Now, onto the next section!

    Visual effects and sound effects

    Visual effects are definitely worth exploring. When your main hero dies in a cinematic, why settle for the standard hero death effect? You could have a blinding flash of light followed by the hero death effect and a curse SFX with some lostsouls music.

    Projectiles are also good to play with. But you will need to modify their lifespan and speed (-) to achieve the right result.


    I recommend using the change unit type trigger to achieve special effects, change from a cinematic block.

    Some good SFXs to use in your cinematics are:
  • Ball of fire I Love Bananas and Yeebaagooon represented as flying Lampades Bolts in Codename Ripto
  • Clone SFX
  • Curse SFX
  • Einheriari Boost SFX
  • Fireball Launch Damage Effect
  • Frost Drift
  • Hero Birth
  • Heavenlight
  • Implode Sphere Effect
  • Kronny Birth
  • Kronny Birth SFX
  • Lampades Bolt
  • Osiris Box Glow
  • Osiris Birth
  • Poison SFX
  • Ragnorok SFX
  • Regeneration SFX
  • Vortex finish linked
  • Vortex landing
  • Vortex start linked
  • Wall Connector Destruction SFX

    Nottud has also compiled a complete sound list, and Green_Turtle has done the same (but in .txt format). Just search the downloads section and you'll find them .



    Bringing it all together





    So you know all the stuff, but what about the triggers themselves!? You should know how to lay them out in an orderly fashion.

    All cinematic triggers should be high priority, but only the very first one of your first cinematic should be 'run immediately'.

    The best way is to group your cinematic triggers separately, by chapter. Don't be afraid to create a lot of groups. You should name your triggers something like: Cine_1_C01 or M4_Intro_01. The 0 is so the ordering does not go mad. If you just had 1, 10 would come immediately after that.

    The best way to activate your triggers is to make them have a timer condition and then use the fire event trigger on the previous trigger.

    When you want a second cineamtic, just add a units in area condition to it, and do the rest as normal.

    Remember to use as many of the effects as I have discussed above! Camera tracks, animations, sound effects, camera cuts, play dialogs and visual effects are just some of the endless possibilities that cinematics have to offer.

    ______________________________________ Yeebaagooon ______________________________________
    ____________________ AoMH Seraph ____________________
    "You can't trust yeebaagooon to lead a rebelion, He would send everyone to steal mirrors so he could bask in his own brilliance." - Out Reach
    "Yeebaagooon had never seen a more handsome man in all his life. He couldn't control himself, He needed to act. Gripping the mirror in his strong arms he kissed the figure before him..." - Out Reach
    AoMH: Unfinished Scenarios|Singleplayer: Codename Ripto|Multiplayer: Minigames Z|CSC 7
    Ex Seraphs Dictator, Spore Heaven Seraph

    [This message has been edited by Yeebaagooon (edited 09-03-2008 @ 03:09 PM).]

  • Replies:
    posted 03 September 2008 11:21 AM EDT (US)     1 / 22  
    First post.

    Very well done and information would be very useful to all people who do not understand or who want to improve their cinematics.

    ninjapenguin981
    I AM THE ALMIGHTY ETERNAL LOSER SISSY BOY
    posted 03 September 2008 12:31 PM EDT (US)     2 / 22  
    Nice!

    Hey I have just recently made an interesting trigger which is good for cinematics. I advise you have cinematic mode off while you are showing these but do not worry - the user cannot do anything while the picture is showing.
       <Effect name="zImage show">
    <Param name="ArtName" dispName="Image" varType="string"></Param>
    <Param name="Subtitle" dispName="Subtitle" varType="string"></Param>
    <Param name="R" dispName="Border Red" varType="long">0</Param>
    <Param name="G" dispName="Border Green" varType="long">0</Param>
    <Param name="B" dispName="Border Blue" varType="long">0</Param>
    <Command>trShowImageDialog("%ArtName%", "%Subtitle%");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersTop");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersBottom");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersLeft");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersRight");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersLeftTop");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersLeftBottom");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersRightBottom");</Command>
    <Command>gadgetUnreal("ShowImageBox-BordersRightTop");</Command>
    <Command>gadgetUnreal("ShowImageBox-CloseButton");</Command>
    <Command>pause(0);</Command>
    <Command>trUIFadeToColor(%R%,%G%,%B%,0,999999999,false);</Command>
    </Effect>

    <Effect name="zImage hide">
    <Command>subModeEnter("Simulation", "Editor");</Command>
    <Command>uiMessageBox("moo","gadgetUnreal(\"ShowImageBox\")");</Command>
    <Command>uiCycleCurrentActivate();</Command>
    <Command>subModeLeave("Simulation", "Editor");</Command>
    <Command>modeEnter("pregame");</Command>
    <Command>modeEnter("Simulation");</Command>
    <Command>subModeEnter("Simulation", "Singleplayer");</Command>
    <Command>trUIFadeToColor(0,0,0,0,0,false);</Command>
    </Effect>
    You can set a picture that will fill a lot of the screen. Around it is coloured border which cannot be changed and changes colour according to your civilisation. Around that is the rest of the screen which you can set any colour you like. You can also add text to go underneath the picture as dialog. Pretty useful for the beginning of a cinematic in which you might want to display a relevant image to the map. Or if you are modding you could show your own image - maybe even a logo!

    I also have some trigger naming advice Yeebaagooon - infront of single digit numbers put 0 so you put 01 instead of 1. This fixes the ordering and it also looks a lot less confusing.

    The boy with the mad imagination
    Prepare for the ultimate duel!
    Learn to use all my triggers and what you can do with them. Visit here.
    Find out and download the transform trigger here.
    Play some minigames I have created outside AOM including some 3D games here.

    [This message has been edited by nottud (edited 09-03-2008 @ 12:33 PM).]

    posted 03 September 2008 12:54 PM EDT (US)     3 / 22  
    Thanks and noted. (So I've been doing it wrong all these years, eh?)

    I could use those triggers for the loading screen of Ripto. *Gets Britain icon*

    ______________________________________ Yeebaagooon ______________________________________
    ____________________ AoMH Seraph ____________________
    "You can't trust yeebaagooon to lead a rebelion, He would send everyone to steal mirrors so he could bask in his own brilliance." - Out Reach
    "Yeebaagooon had never seen a more handsome man in all his life. He couldn't control himself, He needed to act. Gripping the mirror in his strong arms he kissed the figure before him..." - Out Reach
    AoMH: Unfinished Scenarios|Singleplayer: Codename Ripto|Multiplayer: Minigames Z|CSC 7
    Ex Seraphs Dictator, Spore Heaven Seraph

    [This message has been edited by Yeebaagooon (edited 09-03-2008 @ 01:14 PM).]

    posted 03 September 2008 02:06 PM EDT (US)     4 / 22  
    Good guide, though you missed the hero death sfx

    ||||||||||||||||My Videos||||||||||||||||
    Roxas, his heart was human, yet because of his status as a being his fate was sealed since he was born. How many times must humanity judge others like that as well without giving them a fair chance?

    "It would be very irresponsible of me to give you my thoughts as you are clearly incapable of handling the ones you already have" ~some guy in OD
    posted 03 September 2008 03:53 PM EDT (US)     5 / 22  
    Great guide Yeeb! Packed with tons on info that can benefit experianced designers aswell.
    posted 03 September 2008 04:16 PM EDT (US)     6 / 22  
    Nice. Colouring the buttons for clarity is a nice touch.
    How about a short demo cinematic with no erroneous triggers so that it's very clear which triggers do what?

    [This message has been edited by HailToTheOboe (edited 09-03-2008 @ 10:33 PM).]

    posted 03 September 2008 04:24 PM EDT (US)     7 / 22  
    Wow, this guide is going to come in handy for me. Great job!

    ◓◓◓◓◓
    posted 03 September 2008 04:31 PM EDT (US)     8 / 22  
    Very nice guide Yee. It should be put in the design library where people can find it easier though if you/someone who can update it has time. .

    Exilian Patrician
    | SotK |

    Valour is the contempt of death and pain. - Tacitus
    posted 03 September 2008 10:46 PM EDT (US)     9 / 22  
    It's a nice guide . I wish I could do cinematics, I really do, but I just can't. I've printed and followed similair guides and tried it for myself with no fruit. Triggers are important, of course, but I'm not very skilled with them. I can do some stuff with triggering.

    Eyecandy is something I'm pretty good at. Any scenario or campaign I'll make I'll do the eyecandy along with the storyline, characters and basic triggers, and I'll have others to do the rest.

    There are many, such as the Vandhaal, who specialize in cinematics of course. And I see nothing wrong about not being able to make them or triggers since many can't do eyecandy.

    Old Bachus, Napoleon of Spam turned half decent forumer
    >>Winner of Most Improved AoMH Forumer '09<<
    ~If you can read this, thank a teacher. If it isn't in Danish, thank King Alfred.~
    >>My work<<

    "Once you've stooped to Cash4Gold type stuff, you no longer are a celebrity." - Mozzy
    posted 03 September 2008 11:08 PM EDT (US)     10 / 22  
    Nice guide! I'll link to this from STEC!
    posted 04 September 2008 12:49 PM EDT (US)     11 / 22  
    Thankyou all.

    Out of interest, has anyone found the hidden joke in this yet ?

    ______________________________________ Yeebaagooon ______________________________________
    ____________________ AoMH Seraph ____________________
    "You can't trust yeebaagooon to lead a rebelion, He would send everyone to steal mirrors so he could bask in his own brilliance." - Out Reach
    "Yeebaagooon had never seen a more handsome man in all his life. He couldn't control himself, He needed to act. Gripping the mirror in his strong arms he kissed the figure before him..." - Out Reach
    AoMH: Unfinished Scenarios|Singleplayer: Codename Ripto|Multiplayer: Minigames Z|CSC 7
    Ex Seraphs Dictator, Spore Heaven Seraph

    [This message has been edited by Yeebaagooon (edited 09-04-2008 @ 12:50 PM).]

    posted 04 September 2008 12:55 PM EDT (US)     12 / 22  
    posted 04 September 2008 12:58 PM EDT (US)     13 / 22  
    I'm old now .

    *Gets walking stick and sprays whipped cream on face and hobbles around room while shaking fist at random objects*

    ______________________________________ Yeebaagooon ______________________________________
    ____________________ AoMH Seraph ____________________
    "You can't trust yeebaagooon to lead a rebelion, He would send everyone to steal mirrors so he could bask in his own brilliance." - Out Reach
    "Yeebaagooon had never seen a more handsome man in all his life. He couldn't control himself, He needed to act. Gripping the mirror in his strong arms he kissed the figure before him..." - Out Reach
    AoMH: Unfinished Scenarios|Singleplayer: Codename Ripto|Multiplayer: Minigames Z|CSC 7
    Ex Seraphs Dictator, Spore Heaven Seraph
    posted 04 September 2008 04:51 PM EDT (US)     14 / 22  
    I didn't catch it. What's the joke?

    Old Bachus, Napoleon of Spam turned half decent forumer
    >>Winner of Most Improved AoMH Forumer '09<<
    ~If you can read this, thank a teacher. If it isn't in Danish, thank King Alfred.~
    >>My work<<

    "Once you've stooped to Cash4Gold type stuff, you no longer are a celebrity." - Mozzy
    posted 05 September 2008 03:01 AM EDT (US)     15 / 22  
    Look over it again .

    ______________________________________ Yeebaagooon ______________________________________
    ____________________ AoMH Seraph ____________________
    "You can't trust yeebaagooon to lead a rebelion, He would send everyone to steal mirrors so he could bask in his own brilliance." - Out Reach
    "Yeebaagooon had never seen a more handsome man in all his life. He couldn't control himself, He needed to act. Gripping the mirror in his strong arms he kissed the figure before him..." - Out Reach
    AoMH: Unfinished Scenarios|Singleplayer: Codename Ripto|Multiplayer: Minigames Z|CSC 7
    Ex Seraphs Dictator, Spore Heaven Seraph
    posted 05 September 2008 06:46 AM EDT (US)     16 / 22  
    So THAT is the reason of why I never get animations to work... Maybe I need nottuds editor after all.

    posted 06 September 2008 06:24 PM EDT (US)     17 / 22  
    Animations don't work online and only cinematic ones work with the trigger effect.

    The boy with the mad imagination
    Prepare for the ultimate duel!
    Learn to use all my triggers and what you can do with them. Visit here.
    Find out and download the transform trigger here.
    Play some minigames I have created outside AOM including some 3D games here.
    posted 06 September 2008 08:23 PM EDT (US)     18 / 22  
    What joke?

    ¨‘°ºO Oº°‘¨_.,-=~+"^'`*`'^"+~=-,._Hygraffo_.,-=~+"^'`*`'^"+~=-,._¨‘°ºO Oº°‘¨
    ׺°˜`°º×-=»«=-I am a ninja-=»«=-׺°˜`°º×
    Home of the quoted
    Reaaly I am in a Chinese nuclear sub- JDmino
    Meh- Baske
    posted 07 September 2008 04:26 AM EDT (US)     19 / 22  
    BAHAHAHA! I lol at the lolcats.

    ¨‘°ºO Oº°‘¨_.,-=~+"^'`*`'^"+~=-,._Hygraffo_.,-=~+"^'`*`'^"+~=-,._¨‘°ºO Oº°‘¨
    ׺°˜`°º×-=»«=-I am a ninja-=»«=-׺°˜`°º×
    Home of the quoted
    Reaaly I am in a Chinese nuclear sub- JDmino
    Meh- Baske
    posted 18 September 2008 01:27 AM EDT (US)     20 / 22  
    Really, really helpful. Is that how you got the picture you used near the start for Codename Ripto?

    The thingy in the circle. You know what I mean...

    ..........(@_
    ._..........)..\_______________________________________
    (_)@8@8{}<______________PoleRBear______________>
    ............)_/
    ............(@
    I stole Mator's sig
    posted 18 September 2008 05:55 AM EDT (US)     21 / 22  
    No, that was made with a program similar to photoshop.

    “Si vis pacem, para bellum”
    posted 18 September 2008 05:57 AM EDT (US)     22 / 22  
    A list of all icons can be found in nottud's editor superpack. But there are some hidden ones that are very sexy. You need to extract the textures2.bar file using AOMed to find them. There's even an icon of Great Britain in there!
    *facepalm*
    I never knew that, is it possible to list 'em here?

    “Si vis pacem, para bellum”
    Age of Mythology Heaven » Forums » Scenario Design » A Guide to Cinematics
    Top
    You must be logged in to post messages.
    Please login or register
    Hop to:    
    Age of Mythology Heaven | HeavenGames