[TUTORIAL] Creating your own animated menu background

Discussion in 'Tutorials & Resources' started by Micnax, Sep 6, 2009.

  1. Micnax

    aa Micnax I maek map

    Messages:
    2,056
    Positive Ratings:
    1,383
    This tutorial will show you how to make your own animated menu backdrop, like this:

    [​IMG]

    Something that looks hard can be very, very simple, and very easy to make your own. All it is is the game loading the map into the background using an info_observer_point.

    [​IMG]
    Without the TF2 menu

    For this, I'll be using one of my own maps to create a new backdrop, but you can do your own with any existing map (as long as you have the .vmf)

    Firstly, open the map you're using in TF2, and find a nice spot you want the camera to be pointing.

    [​IMG]
    Ze Spy has found a nice view

    Open the console while in your position and type getpos, which dumps your coordinates and view angle to the console. If you're crouching, I recommend you bind this to a key (like F12) for easy access. Now take the coordinates from the console and open your map in Hammer.

    [​IMG]
    Yes, it's still a WiP

    Now, since the camera will be in one place, it dosn't need to render the entire map or anything behind the camera's field of view. It also dosn't need any areaportals, occluders, hints, skips or areas that won't be visible (eg. props behind walls), so remove all these. Texture any brushes you won't see with nodraw and turn them to func_detail (unless they are used seal the map). What I ended up with was this:

    [​IMG]
    Huzzah, cut down goodness!

    Place a info_observer_point in the map, and take the coordinates from before (hoping you DID write them down) and enter the setang infomation into the Pitch Yaw Roll box. Remember to compile with your skybox (which I forgot to do one time)

    [​IMG]
    It's a bit of a pain to get the actual info_observer_point in the right place.​

    After that, save it and name it background_## (Replace the ## with anything you want, I put 02) and compile on whatever settings you like.

    Download the valve.rc file and place it in your tf\cfg\ folder, and rename background_02 inside it to whatever your map is called. Load up TF2 and you should have a nice backdrop for your menu!

    If you wish to release your background to other places, such as FPSB, remember to pakrat your map (if it has custom textures/models) and include the valve.rc file for the game to load the map.

    If you want to download the map shown in this tutorial as your background screen, you can get the files from here.

    Enjoy!
     
    • Thanks Thanks x 10
    Last edited: Sep 6, 2009
  2. Vander

    Vander L8: Fancy Shmancy Member

    Messages:
    507
    Positive Ratings:
    110
    Awesome! I've been curious about how to do this for a while now.
     
    • Thanks Thanks x 1
  3. The Political Gamer

    aa The Political Gamer

    Messages:
    4,468
    Positive Ratings:
    1,682
    :drool1: YES! I love you!
     
    • Thanks Thanks x 1
  4. DaBeatzProject

    aa DaBeatzProject

    Messages:
    1,276
    Positive Ratings:
    1,091
    Uh one thing, isn't the command getpos, instead of setpos? Setpos teleports you away, I believe.
     
    • Thanks Thanks x 2
  5. Acumen

    aa Acumen Annoyer

    Messages:
    704
    Positive Ratings:
    594
    sry, for offtopic question, but where can these rocks in the last screenshot be found ? i'm pretty sure they're not official. any custom map, where i can download them with ?
    *cough* :D
     
  6. Micnax

    aa Micnax I maek map

    Messages:
    2,056
    Positive Ratings:
    1,383
    Ah-ha, yeah, you're right. I type the wrong things sometimes xD

    They're official, and should be under prop_forest as cliff_wall_## (with ## being the number 1-10). I used Skin 2.
     
  7. ChronoTriggerFan

    ChronoTriggerFan L7: Fancy Member

    Messages:
    435
    Positive Ratings:
    72
    But its so much more fun to load up a playable map and stick some RCbots in.

    [ame="http://www.youtube.com/watch?v=PGPUCBEEtx4"]YouTube - TF2 Background[/ame]
     
    • Thanks Thanks x 2
  8. Penguin

    aa Penguin Clinically Diagnosed with Small Mapper's Syndrome

    Messages:
    1,992
    Positive Ratings:
    1,233
    Metal Gear Sapper.

    Also, Protip: Don't forget to Pakrat. (YES, I MEAN YOU, JOODUDE)
     
  9. Acumen

    aa Acumen Annoyer

    Messages:
    704
    Positive Ratings:
    594
    ah thanks for the enlightment :)
    and nice tutorial ! so many things to learn and grasp before i shall start mapping again :D
     
    • Thanks Thanks x 1
  10. Micnax

    aa Micnax I maek map

    Messages:
    2,056
    Positive Ratings:
    1,383
    Quiet you
     
  11. Penguin

    aa Penguin Clinically Diagnosed with Small Mapper's Syndrome

    Messages:
    1,992
    Positive Ratings:
    1,233

    I'd take your life,
    Not for honour, but for BLU!
    In overtime there'll be no one else,
    Lag, it's the way I facestab you!
    I'm still in my spawn,
    Spy Checker!
     
    Last edited: Sep 13, 2009
  12. Washipato

    Washipato L3: Member

    Messages:
    149
    Positive Ratings:
    96
    This tutorial gave me an excellent idea. Thanks a lot!
     
    • Thanks Thanks x 1
  13. pl

    pl L5: Dapper Member

    Messages:
    248
    Positive Ratings:
    55
    Wow, this is fantastic. I might just do this with my Swamp entry :D
     
    • Thanks Thanks x 1
  14. Uriak

    Uriak L8: Fancy Shmancy Member

    Messages:
    543
    Positive Ratings:
    70
    Nice tutorial :)

    Would it be any way to move the camera over time (like shifting the angle a bit) ?
     
    • Thanks Thanks x 1
  15. Micnax

    aa Micnax I maek map

    Messages:
    2,056
    Positive Ratings:
    1,383
    I'm guessing a path_track, delayed by a logic_timer.
     
  16. Uriak

    Uriak L8: Fancy Shmancy Member

    Messages:
    543
    Positive Ratings:
    70
    Just tried but it appears some entities dissapear in this mode :(

    mainly prop_dynamic (lamp), func_dustmotes and point_spotlight

    here's my try with koth_persia. Do you know if there is a way to circumvent this ?

    [​IMG]
     
  17. Micnax

    aa Micnax I maek map

    Messages:
    2,056
    Positive Ratings:
    1,383
    Hmm... If it's possible, set the prop_dynamic's to prop_static.

    point_spotlight and func_dustmotes might be a compile bug. I'm not too good on this subject, so you could probably ask Boojum for a better explanation.
     
  18. Uriak

    Uriak L8: Fancy Shmancy Member

    Messages:
    543
    Positive Ratings:
    70
    Well, all these things do show in the actual map. Its only the background load that seems like disposing of them. It may be a feature, but as I found out an animated background from dustbowl with actual smoke, I wonder...
     
  19. Uriak

    Uriak L8: Fancy Shmancy Member

    Messages:
    543
    Positive Ratings:
    70
    Okay I somehow worked around these limitations, thank you for your help :)
     
  20. pl

    pl L5: Dapper Member

    Messages:
    248
    Positive Ratings:
    55
    Hmm.. I'm not sure whether this is because of the valve.rc file or just something else, but my little chat HUD has seemed to disappear in-game. I can still press y or u to bring up the window with all of the messages, but it can get annoying having to repeatedly check for new messages. Any ideas? :(