Level Transitions

From Valve Developer Community
Revision as of 04:56, 24 May 2020 by Soer4769 (talk | contribs) (Removed the Table of Content, added the categories 'Level Design' and 'Abstract Mapping', added the abstract mapping template to the top of the page, added a todo note)
Jump to: navigation, search
Abstract Mapping series Discuss your thoughts - Help us develop the articles or ideas you want

Ammunition | Animals & Creatures | Antlions | Beams & Lasers | Cables & Ropes | Clouds & Sky | Color Theory | Combat | Combine | Doors | Dust, Fog & Smoke | Elevators | Level Transitions | Environmental Lighting & Weather | Explosions | Fire | Foliage | Glass | Headcrab | Health | Ladders | Lighting | Optimization | Physics | Retinal scanners | Sound & Music | Special effects | Terrain | Trains | Turrets | Water | Weapons | Zombie

Level transitions allow you transfer the player from one map to another, essentially making two separate levels seem like one larger map.

Why change levels?

The Source Engine, while expansive, still has limits as to the the amount data that can be processed. Breaking up levels also helps split up the work load and compile times during the design process.

Types of level transitions

Two way transitions

A two way level transition allows a player to travel back and forth between two connected maps.

One way transitions

One way transitions prevent the player from traveling back to previously explored areas after being completed. An obstacle or chain of events makes a previous area inaccessible.

Methods / Styles of transitioning


  • Example:
    • A door or hallway connecting two rooms


  • Example:
    • A portal connecting two worlds
    • A character getting knocked unconscious and dragged into a new area

Example of a seamless transition in-game

To create a seamless transition, parts of one level are included inside the next level being loaded. The exception being "teleportation" style transitions, where the players are transported into an entirely new world or environment. Below is an example from Half-Life 2's d1_trainstation_01, the first level of the game.
D1 trn sta 01.jpg D1 trn sta 02.jpg D1 trn sta 03.jpg D1 trn sta 04.jpg D1 trn sta 05.jpg

  • In the 1st image you can see the trigger_changelevel in the doorway that loads the next map.
  • In the 2nd image, zoomed out you can see the map actually ends at the staircase just beyond the door in the first picture. Most of the level lies on the right of the picture here.
  • Once the player touches the changelevel, they're greeted by a loading seen as demonstrated in the 3rd image, the next map is loaded over the current map.
  • Now the player is in an entirely new map, but from the other side of the door, it appears the old level is still there.
  • However, if you zoom out, you can see that a new level was loaded and the original level was almost entirely removed. There is no longer the any parts of the level that were in the right from the zoomed out screenshot above, but an entirely new area in the upper left.

Creating a seamless transition

To start, you must have:

  • An info_landmark in each level
  • A trigger_changelevel in each level
  • A trigger_transition in each level.

First, have the exact same brushes and entities in the visible area. This will make the level change seamless.

Next, in both levels, place an info_landmark in the exact same location relative to the map. Name them Level01-Level02 (This can be changed)

Next, create a trigger_changelevel in both levels. This can be named anything. Link them to the corresponding info_landmark inside the properties panel. Note: do not have these in the same relative area. This will create a looping effect, and when you get into one level you immediately are teleported back.

Finally, in both levels create a trigger_transition. This will be the area where props will be taken between levels. These should be named the same as the info_landmarks.

Creating a displacement transition

To do:  Add information about this section

See Also