Jump to content
Korean Random
Sign in to follow this  
deutscher_Adler

Hangar Clock

Recommended Posts

anyone know the format for clock background image, its not clear for me and i cant find any about that!?

Edited by deutscher_Adler

Share this post


Link to post

Short link
Share on other sites

"bgImage": "xvm://res/icons/my.png",

or

"bgImage": "xvm://configs/My/img/my.png",

  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

anyone know the format for clock background image, its not clear for me and i cant find any about that!?

 

Example for image res_mods/xvm/configs/YourConfigFolder/img/ClockBackground.png :

"bgImage": "xvm://configs/YourConfigFolder/img/ClockBackground.png",

i.e. "xvm://" = "res_mods/xvm/"

 

UPD: Whoops, i forgot to disable slowpoke mode :)

Share this post


Link to post

Short link
Share on other sites

Hello guys,

 

i just registered here, because i'm a little bit desperate... I have question for u, maybe someone could help me...

 

 

I have done something like this (without any clock.xc config), i was using hangarclock from locastan modpack and i adjust config "a little bit":

 

LDB5i7j.jpg

 

(that red square is only for mark the clock, don't worry :)
 

 

BUT.....

 

Now, I'm trying to do it again but in xvm config.... but it is probably too difficult for me... I have done this, but it is far away from my first one clock...

yoEx3n1.jpg
 

It's difficult for me because i want this separator (im middle of ping and the clock), and i could even try without date.. but in clock.xc option "textVAlign": "center" doesn't work for this clock.... Maybe U have some suggestions for me? How could i break the date texts, and how could i put a little bit higher clock and date (the separator is in good position). I tried many formatting tags but it doesn't work...

There is source of my config for now:

'clock.xc'

/**

* Clock in hangar

*/

{

"clock":

  {

  "enabled": true,    // Show clock in hangar.

  "x": -300,      // Horizontal position.

  "y": -20,      // Vertical position.

  "width": 300,     // Width.

  "height": 100,     // Height.

  "topmost": true,    // true - place at top of other windows, false - at bottom.   

  "align": "center",    // Horizontal alignment of field at screen ("left", "center", "right").   

  "valign": "top",    // Vertical alignment of field at screen ("top", "center", "bottom").   

  "textAlign": "left",   // Horizontal alignment of text in field ("left", "center", "right").   

  "textVAlign": "center",   // vertical alignment of text in field ("top", "center", "bottom").   

  "alpha": 100,     // Transparency in percents [0..100].  

  "rotation": 0,     // Rotation in degrees [0..360].  

  "borderColor": null,   // If set, draw border with specified color ("0xXXXXXX").  

  "bgColor": null,    // If set, draw background with specified color ("0xXXXXXX").   

  "antiAliasType": "advanced", // Anti aliasing mode ("advanced" or "normal").

   

  // Macros available (case sensitive):

  //

  // {{Y}}   - full year (4 digits)

  // {{MMM}} - full month name (January)

  // {{MM}}  - short month name (Jan)

  // {{M}}   - month number (1-12)

  // {{D}}   - day number (1-31)

  // {{WW}}  - full weekday name (Monday)

  // {{W}}   - short weekday name (Mon)

  // {{h}}   - hour

  // {{m}}   - minute

  // {{s}}   - second

  //

 

  "format":      // Clock format.

  "<font face='$FieldFont'><img src='xvmres://garage_separator.png' width='2' height='52' valign='center'>    <font size='20' color='#f3c57a' face='$FieldFont' size='35'>{{h%02d}}:{{m%02d}}</font> {{WW}}  {{D}}-{{M}}-{{Y}}</font>",

   

  "shadow":      // Shadow.

   {

   "enabled": true,   // false - no shadow.

   "distance": 0,    // (in pixels)

   "angle": 0,     // (0.0 .. 360.0)

   "color": "0x000000",  // "0xXXXXXX"

   "alpha": 70,    // (0 .. 100)

   "blur": 4,     // (0.0 .. 255.0)

   "strength": 2    // (0.0 .. 255.0)

   }

  } 

}

 



It will be awesome, if someone learn me how could i deal with it :)

I have also question about space between ping (EU1 EU2)... I tried to do this pings in the same fontsize like "Premium, Przedłuż etc"... But i have no idea how could i do this space thinner. I was thinking about RowGap or something like this, but there is nothing like this in config (only ColumnGap)...

There is source of pings:

'space between pings.xc'

/**

* Parameters for hangar

*/

 

{

"hangar":

  {

  "xwnInCompany": true,      // true - Show XWN8 instead of XEFF in company windows

  "masteryMarkInTechTree": true,    // true - Show mastery mark in tech tree

  "hidePricesInTechTree": false,    // true - Hide price button in tech tree

  "widgetsEnabled": true,      // true - Enable widgets

  "pingServers":        // Ping servers

   {

   "enabled": true,      // true - Enable display of ping to the servers

   "updateInterval": 10000,    // Update interval, in ms

   "x": 342,        // Axis field coordinates

   "y": 10,

   "alpha": 100,       // Transparency

   "delimiter": " ",      // Server to response time text delimiter

   "maxRows": 2,       // Maximum number of column rows

   "columnGap": 2,       // Gap between columns

   "fontStyle":        // Text style

    {

    "name": "$FieldFont",    // Font name

    "size": 11,

    "bold": false,

    "italic": false,

    "color":       // Different colors depending on server response time

     {

     "great": "0xf3c57a",

     "good":  "0xd2d4d1",

     "poor":  "0x7d7d75",

     "bad":   "0xdd3d23"

     }

    },

   "threshold":       // Threshold values defining response quality

    {

    "great": 35,      // Below this value response is great

    "good": 60,       // Below this value response is good

    "poor": 100       // Below this value response is poor

    },

   "shadow":

    {

    "enabled": true,

    "color": "0x000000",

    "distance": 0,

    "angle": 0,

    "alpha": 70,

    "blur": 4,

    "strength": 2

    }

   },

  "carousel": ${"carousel.xc":"carousel"}, // Parameters for tank carousel

  "clock": ${"clock.xc":"clock"},    // Parameters for hangar clock

  "comments": ${"comments.xc":"comments"}  // Parameters for comments for players

  }

}

 

I will be grateful for any help!


Greetings for All from (sadly) "Siema Pl-land"
Konrad (Dumadidak)

Share this post


Link to post

Short link
Share on other sites

 

 

img src='xvmres://garage_separator.png'
attach this file, please 
  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

@Dumadidak

 

I tried for almost an hour to recreate the garage clock that you have in your first picture because I liked how it looked.  I tried half a dozen different combinations, and ended up reverting back to my original format.  I think the problem is that XVM is using the ActionScript 3.0 API and it's htmlText property is pretty limited.  (See the reference here.)  I thought I could create a table and use colspan to emulate stacked table cells, but htmlText doesn't support table formatting.  Putting a <br> text break tag pushes everything down.  I even changed around alignment and rotation, but that didn't get the desired effect.  If you can figure this out, please let me know.  In the meantime, I'll leave a copy of what I ended up with:

{
  "clock": {
    // Show clock in hangar.
    "enabled": true,
    // Horizontal position.
    "x": -6,
    // Vertical position.
    "y": 53,
    // Width.
    "width": 200,
    // Height.
    "height": 33,
    // true - place at top of other windows, false - at bottom.
    "topmost": true,
    // Horizontal alignment of field at screen ("left", "center", "right").
    "align": "right",
    // Vertical alignment of field at screen ("top", "center", "bottom").
    "valign": "top",
    // Horizontal alignment of text in field ("left", "center", "right").
    "textAlign": "right",
    // vertical alignment of text in field ("top", "center", "bottom").
    "textVAlign": "center",
    // Transparency in percents [0..100].
    "alpha": 100,
    // Rotation in degrees [0..360].
    "rotation": 0,
    // If set, draw border with specified color ("0xXXXXXX").
    "borderColor": null,
    // If set, draw background with specified color ("0xXXXXXX").
    "bgColor": null,
    // If set, draw image at background.
    "bgImage": null,
    // Anti aliasing mode ("advanced" or "normal").
    "antiAliasType": "advanced",
    // Macros available (case sensitive):
    //
    // {{Y}}     - full year (4 digits)
    // {{MMM}}   - full month name (January)
    // {{MM}}    - short month name (Jan)
    // {{M}}     - month number (1-12)
    // {{D}}     - day number (1-31)
    // {{WW}}    - full weekday name (Monday)
    // {{W}}     - short weekday name (Mon)
    // {{h}}     - hour
    // {{m}}     - minute
    // {{s}}     - second
    // {{H}}     - hour in 12-hour format
    // {{AM|PM}} - AM/PM
    // Macros formatting allowed, for example: {{AM?a.m.|p.m.}}
    //
    // Clock format.
    "format": "<font color='#E5E4E1' face='$FieldFont' size='15'>{{WW}}, {{MM}} {{D%02d}}</font>  <font color='#E6B34D' face='Impact' size='21'>{{H%02d}}:{{m%02d}}</font> <font color='#D9A640' face='Impact' size='14'>{{AM|PM}}</font>",
    // Shadow.
    "shadow": {
      // false - no shadow.
      "enabled": true,
      "distance": 0,             // (in pixels)
      "angle": 0,                // (0.0 .. 360.0)
      "color": "0x000000",       // "0xXXXXXX"
      "alpha": 70,               // (0 .. 100)
      "blur": 4,                 // (0.0 .. 255.0)
      "strength": 2              // (0.0 .. 255.0)
    }
  }
}

On another note, I had originally put my ping info and clock and the top bar the same way you did, but found out that it would not work with other users due to absolute positioning (x/y coordinates).  Apparently the elements on the top bar uses relative positioning horizontally, and this changes due to the length of the player's name.

  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

I tried many formatting tags but it doesn't work

I tried for almost an hour to recreate the garage clock that you have in your first picture because I liked how it looked

try this (tried to do as Locastan)

clock.xc

 

@Nanawatai, please use 'spoiler' for your img & big text

Edited by Duv21
  • Upvote 2

Share this post


Link to post

Short link
Share on other sites
Here is separator

it working something one: <textformat leading> to get two lines of text or <img src='your.png'> and unused <textformat> (one line of text)

 

@Dumadidak, possible solution 

...
    // Vertical position.
    // Положение по вертикали.
    "y": 0,
...
    // If set, draw image at background.
    // Фоновое изображение, если задано.
    // example: "bgImage": "xvm://configs/My/img/my.png",
    "bgImage": "xvmres://garage_separator.png",

important: changed the image size (300х60)

post-24956-0-35308000-1412786419_thumb.png
Edited by Duv21
  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

Hi guys! U are awesome about your interesting about this little problem.

Duv21 u solved a lot of my problems about clock. And it is working for me (after few little adjustment to be more accurete in pixels)! U are sended by God! (doesnt matter that i'm ateist) :P

Here is my config (with your help Duv21):


/**
 * Clock in hangar
 */
{
    "clock":
        {
        "enabled": true,                // Show clock in hangar.
        "x": -290,                        // Horizontal position.
        "y": 1,                            // Vertical position.
        "width": 300,                    // Width.
        "height": 60,                    // Height.
        "topmost": true,                // true - place at top of other windows, false - at bottom.    
        "align": "center",                // Horizontal alignment of field at screen ("left", "center", "right").    
        "valign": "top",                // Vertical alignment of field at screen ("top", "center", "bottom").    
        "textAlign": "left",            // Horizontal alignment of text in field ("left", "center", "right").    
        "textVAlign": "top",            // vertical alignment of text in field ("top", "center", "bottom").    
        "alpha": 100,                    // Transparency in percents [0..100].   
        "rotation": 0,                    // Rotation in degrees [0..360].   
        "borderColor": null,            // If set, draw border with specified color ("0xXXXXXX").   
        "bgColor": null,                // If set, draw background with specified color ("0xXXXXXX").    
        "antiAliasType": "advanced",    // Anti aliasing mode ("advanced" or "normal").
    
        // Macros available (case sensitive):
        //
        // {{Y}}   - full year (4 digits)
        // {{MMM}} - full month name (January)
        // {{MM}}  - short month name (Jan)
        // {{M}}   - month number (1-12)
        // {{D}}   - day number (1-31)
        // {{WW}}  - full weekday name (Monday)
        // {{W}}   - short weekday name (Mon)
        // {{h}}   - hour
        // {{m}}   - minute
        // {{s}}   - second
        //
        
        "format":                        // Clock format.
        "<textformat tabstops='[95,95]' leading='-39'><font face='$FieldFont'><font size='36' color='#e3dfc6'> {{h%02d}}:{{m%02d}}</font><tab><font size='15' color='#7d7d75'>{{D%02d}}-{{M%02d}}-{{Y}}\n<tab>{{WW}}</font></font></textformat>",
    
        "shadow":                        // Shadow.
            {
            "enabled": true,            // false - no shadow.
            "distance": 0,                // (in pixels)
            "angle": 0,                    // (0.0 .. 360.0)
            "color": "0x000000",        // "0xXXXXXX"
            "alpha": 30,                // (0 .. 100)
            "blur": 4,                    // (0.0 .. 255.0)
            "strength": 2                // (0.0 .. 255.0)
            }
        }        
}



And there is how accurat it is work for me:

GS4YPOR.png

 

I still need to add separator... but for now it fucked up everything when i'm putting in source "img" tag...

Share this post


Link to post

Short link
Share on other sites
I still need to add separator

answered in previous post

 

Dumadidak, possible solution

Edited by Duv21
  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

 

@Nanawatai, please use 'spoiler' for your img & big text

 

 

Will do, thanks for letting me know.

 

Also, big thanks for that solution there.  Can't wait to implement it.

Share this post


Link to post

Short link
Share on other sites

@Dumadidak, I tried a little and I can't format the strings correct. But I made a separator :)

post-10067-0-64713600-1412798030_thumb.png

It's what I have

'clock section'

"clock":  {
  "enabled": true,    // Show clock in hangar.
  "x": -300,      // Horizontal position.
  "y": 0,      // Vertical position.
  "width": 150,     // Width.
  "height": 52,     // Height.
  "topmost": true,    // true - place at top of other windows, false - at bottom.   
  "align": "center",    // Horizontal alignment of field at screen ("left", "center", "right").   
  "valign": "top",    // Vertical alignment of field at screen ("top", "center", "bottom").   
  "textAlign": "left",   // Horizontal alignment of text in field ("left", "center", "right").   
  "textVAlign": "center",   // vertical alignment of text in field ("top", "center", "bottom").   
  "alpha": 100,     // Transparency in percents [0..100].  
  "rotation": 0,     // Rotation in degrees [0..360].  
  "borderColor": null,   // If set, draw border with specified color ("0xXXXXXX").  
  "bgColor": null,    // If set, draw background with specified color ("0xXXXXXX").
  "bgImage": "xvmres://garage_separator.png",  
  "antiAliasType": "advanced", // Anti aliasing mode ("advanced" or "normal").
 
   
  // Macros available (case sensitive):
  //
  // {{Y}}   - full year (4 digits)
  // {{MMM}} - full month name (January)
  // {{MM}}  - short month name (Jan)
  // {{M}}   - month number (1-12)
  // {{D}}   - day number (1-31)
  // {{WW}}  - full weekday name (Monday)
  // {{W}}   - short weekday name (Mon)
  // {{h}}   - hour
  // {{m}}   - minute
  // {{s}}   - second <img src='xvmres://garage_separator.png' width='2' height='52' valign='center'> 
  //
 
  "format": "<textformat leading='-23' tabstops='[90]'><font face='$FieldFont'> <tab>{{WW}} <br>  <font color='#f3c57a' face='$FieldFont' size='35'>{{h%02d}}:{{m%02d}}</font>  <tab>{{D}}-{{M}}-{{Y}}</font></textformat>",
   
  "shadow":      // Shadow.
   {
   "enabled": true,   // false - no shadow.
   "distance": 0,    // (in pixels)
   "angle": 0,     // (0.0 .. 360.0)
   "color": "0x000000",  // "0xXXXXXX"
   "alpha": 70,    // (0 .. 100)
   "blur": 4,     // (0.0 .. 255.0)
   "strength": 2    // (0.0 .. 255.0)
    }
    }, 

 

And the separator image

post-10067-0-33535700-1412798030_thumb.png

Make sure you store it in 32-bit format (with alpha), as it is 150x52 pixels.

Edited by sech_92

Share this post


Link to post

Short link
Share on other sites

Guys! I have final "product". But for sure, I can tell u that without duv21 it can't be possible. He is AWESOME.

1nzzShL.gif

duv21!

I tried do it with your separator and your config numbers, but I had to change a lot, and it takes me a lot of time to do it accurate (i'm wird guy that like do it to 1px accuracy)... that "valign" option is working very bad for now... But duv21 without you i couldn't do it, so i'm so grateful for your help!


If someone wanna try this clock, there is a little package from me:

MEDIAFIRE

SENDSPACE


Greatings and thx for help (or even try) for everyone!
Konrad (Dumadidak)

Edited by Dumadidak
  • Upvote 3

Share this post


Link to post

Short link
Share on other sites

 

 

Greatings and thx for help (or even try) for everyone!

welcome 

  • Upvote 1

Share this post


Link to post

Short link
Share on other sites

 

 

This is cool! May be we will use this clock as default?
1024x768...

Share this post


Link to post

Short link
Share on other sites

Sirmax, it will be awesome, and ofc u could do that, but Seriych is telling something very important (if i understand good). There is so many different resolutions in game, and it should be done better (for all player).

For now I done it for my resolution: 1680x1050. For such a low resolution, I don't wanna be rude, but probably like for calculators, it doesn't work.
Maybe it is some way to do that better, u have free hand for do that Sirmax if u want. I used to rly like my clock (adjusted from Locastan, with swf file), that's why i ask for help here to do that the same in XVM config.

Greatings!

Edited by Dumadidak

Share this post


Link to post

Short link
Share on other sites

 

There is so many different resolutions in game

 

1024x768...

This is cool! May be we will use this clock as default?

made the pull request, but left at the old place (suitable for all resolutions)

сделал pull request, но оставил на старом месте (подходит для всех разрешений)

Share this post


Link to post

Short link
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...