Quantcast The Loading Screen - LoTROInterface
VGInterface.com
Search Downloads


Go Back   LoTROInterface > LotRO > Developer Discussions > Tutorials & Other Helpful Information (L)

Reply
Thread Tools Display Modes
  #1  
Unread 11-17-2011, 12:29 PM
Eclipse's Avatar
Eclipse Eclipse is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: Aug 2011
Posts: 13
The Loading Screen

Beside all those annoying craps and limitations of LOTRO's interface, I hate the image-stretch the most.
I managed to figure out how to make the fullscreen map shown as windowed, and now it was time to come up with a solution for the loading screen, mainly because of its widescreen distortion.
If you are also interested in it, read on.


Inject these lines into your SkinDefinition.xml and modify the parameters as it suits your will (and screen resolution).

Code:
<!-- Loading Screen -->

<Mapping ArtAssetID="larger_overlay_silver_theater"				FileName="path of the tga file" />
<Mapping ArtAssetID="theater_top_bottom"					FileName="path of the tga file" />

<PanelFile ID="ID_UISkin_Theater">
  <Element ID="Theater_LoadingProgress" 					X="0" Y="0" Width="250" Height="16">
    <Element ID="LoadingProgressUIElement_Overlay" 				X="0" Y="0" Width="250" Height="16"> </Element>
    <Element ID="LoadingProgressUIElement_Meter" 				X="0" Y="0" Width="250" Height="16"> </Element>
    <Element ID="LoadingProgressUIElement_Label" 				X="0" Y="0" Width="250" Height="16"> </Element>
  </Element>
  <Element ID="StoryField" 							X="0" Y="0" Width="1" Height="1"> 
    <Element ID="HintDisplay" 							X="0" Y="0" Width="1" Height="1"> </Element>
    <Element ID="Theater_Anim" 							X="0" Y="0" Width="1" Height="1"> </Element>
    <Element ID="Theater_Matte" 						X="0" Y="0" Width="1" Height="1"> </Element>
    <Element ID="Internal" 							X="0" Y="0" Width="1" Height="1">
      <Element ID="Theater_ImageField" 						X="0" Y="0" Width="1" Height="1"> </Element>
      <Element ID="Theater_MovieImageField" 					X="0" Y="0" Width="1" Height="1"> </Element>
      <Element ID="Theater_TextField" 						X="0" Y="0" Width="1" Height="1"> </Element>
    </Element>
  </Element>
</PanelFile>

Elements' description:

Theater_LoadingProgress: The loading bar parent
LoadingProgressUIElement_Overlay: The "larger_overlay_silver_theater" mask on the bar
LoadingProgressUIElement_Meter: The size of the bar (used default image has 16px height)
LoadingProgressUIElement_Label: The Loading... text
StoryField: The overall background parent. Not affects the visibility of loading circle-anim, the loading bar, and the hints
HintDisplay: The hint text
Theater_Anim: The pulsing loading circle-anim (even shown with w=1, h=1)
Theater_Matte: The "theater_top_bottom" cover image. Not affects the visibility of loading circle-anim, the loading bar, and the hints
Internal: The background image parent
Theater_ImageField: The background images (ads and zoning)
Theater_MovieImageField: The background movies
Theater_TextField: Background for the hint texts

Notes:

If you already have the 2 ArtAssetIDs in your XML, you have to erase those 2 existing lines, to not to have both twice.
If you use the Storyfield part, you make image-stretching gone
Theater_Matte, Theater_ImageField, Theater_Textfield are the ones covering some appearing background elements while loading, which are: Chat window, Minimap, Questtracker, and pre-loading headover floating texts.
If you delete or disable the whole Internal part, the background image stays 1024*512, placed absolute middle to Storyfield's width and height
If you use the line Theater_ImageField (also the Theater_MovieImageField) with higher than 1024*512 it will appear as a pattern, till the width and height of Internal allows it.
If you don't use the Theater_TextField under the hints, you'll see more than one hint on each other
You can replace images of your "Lotro install dir\raw\en\logo" ads, but the zoning images will always be 1024*512



Allow me to share my composition for 1920*1080 res. (it doesn't exploit the whole screen, I know)

Preview sample.

Code:
<!-- Loading Screen -->

<Mapping ArtAssetID="larger_overlay_silver_theater"				FileName="..\misc\loading_progress.tga" />
<Mapping ArtAssetID="theater_top_bottom"					FileName="..\misc\loading_screen.tga" />

<PanelFile ID="ID_UISkin_Theater">
  <Element ID="Theater_LoadingProgress" 					X="448" Y="222" Width="1024" Height="16">
    <Element ID="LoadingProgressUIElement_Overlay" 				X="0" Y="0" Width="1024" Height="16"> </Element>
    <Element ID="LoadingProgressUIElement_Meter" 				X="0" Y="0" Width="1024" Height="16"> </Element>
    <Element ID="LoadingProgressUIElement_Label" 				X="0" Y="-1" Width="1024" Height="16"> </Element>
  </Element>
  <Element ID="StoryField" 							X="0" Y="0" Width="1920" Height="1080"> 
    <Element ID="HintDisplay" 							X="0" Y="752" Width="1920" Height="30"> </Element>
    <Element ID="Theater_Anim" 							X="916" Y="-200" Width="100" Height="100"> </Element>
    <Element ID="Theater_Matte" 						X="0" Y="0" Width="1920" Height="1080"> </Element>
    <Element ID="Internal" 							X="0" Y="0" Width="1920" Height="1080">
      <Element ID="Theater_ImageField" 						X="448" Y="240" Width="1024" Height="512"> </Element>
      <Element ID="Theater_MovieImageField" 					X="448" Y="240" Width="1024" Height="512"> </Element>
      <Element ID="Theater_TextField" 						X="0" Y="752" Width="1920" Height="20"> </Element>
    </Element>
  </Element>
</PanelFile>

Plus, attached to this post: my loading_progress.tga and loading_screen.tga for 1920*1080 in a zip. Placed and overwrote these files in my "Eclipse\misc" folder.


Cheers!
Attached Files
File Type: zip 1920assets.zip (304.5 KB, 716 views)
Reply With Quote
  #2  
Unread 11-17-2011, 05:02 PM
Litos's Avatar
Litos Litos is offline
The Wary
Interface Author - Click to view interfaces
 
Join Date: Sep 2008
Location: England UK
Posts: 3
Send a message via MSN to Litos
Been trying to figure this out for 1280x1024 res but cant seem to get the actual load screens to downsize. I resized the images you provided and edited some code. But im stuck now lol. Im new to this
__________________
Maxilion, Lore-Master of Laurelin.
Reply With Quote
  #3  
Unread 11-17-2011, 05:28 PM
Eclipse's Avatar
Eclipse Eclipse is offline
The Indomitable
Interface Author - Click to view interfaces
 
Join Date: Aug 2011
Posts: 13
Quote:
Originally Posted by Litos
Been trying to figure this out for 1280x1024 res but cant seem to get the actual load screens to downsize. I resized the images you provided and edited some code. But im stuck now lol. Im new to this
So, 1280*1024

• Don't resize my loading_screen.tga, but crop it at top-center reference point. Now you got your 1280*1024 centered cover image. Leave the tga's alpha channel as it is.
• Get my 1920 code and insert it to your xml
• Wherever you see Width="1920" replace it with Width="1280"
• Wherever you see Height="1080" replace it with Height="1024"
• Wherever you see X="448" replace it with X="128" (to make those elements centered to your screen width)

There you go.
Reply With Quote
  #4  
Unread 05-26-2013, 04:17 PM
ecirbaf's Avatar
ecirbaf ecirbaf is offline
The Undefeated
 
Join Date: Oct 2011
Posts: 5
Wow that loading screen is superb. I'll have to adapt it for 2560.

Indeed the stretching of images fullscreen is horrible.

Thank heavens for Eclipse UI and the small map trick.
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Saving and loading help Queekusme Lua Programming Help (L) 18 11-18-2011 02:04 AM
Skin for Character Selection Screen (login screen) Chazcon Interface Requests (L) 4 12-04-2010 10:25 PM
Issues with loading plugin goldbishop Lua Programming Help (L) 12 12-01-2010 10:33 PM
Loading creates Error Heta Lua Programming Help (L) 0 11-13-2010 09:38 AM
UI not loading correctly Kiryan Interface Help (L) 5 04-01-2009 08:53 PM


All times are GMT -5. The time now is 09:35 AM.


Our Network
EQInterface | EQ2Interface | Minion | WoWInterface | VGInterface | LoTROInterface | MMOInterface | Swtorui