Difference between revisions of "User:Rayanth/GameInfo"

From EVE University Wiki
Jump to: navigation, search
 
(7 intermediate revisions by the same user not shown)
Line 21: Line 21:
  
 
== Skill Training ==
 
== Skill Training ==
Skill training boxes on the skill training tab of the character sheet have the following visuals:
+
The skill training window has a few different things to designate various aspects of skills.
* Skill Not Trainable:
+
* Whether the skill is trainable or not
** 4px square with skill-dark-gray color
+
* Whether the skill is injected or not
**Because Not Injected:
+
* Whether the skill has been trained
***Text is skill-dark-gray as well
+
* Whether the skill is queued for training
**Injected, but need Prereq:
+
* Whether the skill has been partially trained
***Text is skill-light-gray
+
* Whether the skill, or some of its levels, are Omega-Account-Only (only visible on alpha accounts)
* Skill Trainable:
+
* Whether the skill is actively being trained right now
** 10px square
 
** Level not trained:
 
*** skill-dark-gray
 
** Level trained:
 
*** skill-light-gray
 
** Level queued for training:
 
*** skill-blue
 
** Level partially trained:
 
*** diagonal from top left to bottom right
 
*** Lower left portion is skill-light-gray
 
*** Upper Right Portion is:
 
**** skill-blue if in queue
 
**** skill-dark gray if not in queue
 
  
Skill colors mentioned above:
+
Two primary elements are used for these states: The text color, and the box size and color.
 +
Four primary colors are used, as well: blue, light gray, dark gray, and orange.
  
skill-light-gray: RGB 204/204/204 -- hex: #CCCCCC
+
Text Color:
 +
* Skill is injected: light gray {{co|#CCCCCC|█}}
 +
* Skill is not injected: dark gray {{co|#464646|█}}
  
skill-dark-gray: RGB 70/70/70 -- hex: #464646
+
Box Size:  
 +
* Skill is not trainable: 4px by 4px
 +
* Skill is trainable: 10px by 10px
  
skill-blue: RGB 48/131/156 -- hex: #30839C
+
Box Color for each level:
 +
* Skill has been trained: solid light gray {{co|#CCCCCC|█}}
 +
* Skill has not been trained: solid dark gray {{co|#464646|█}}
 +
* Skill is in training queue: blue {{co|#30839C|█}}
 +
* Skill is omega-only: orange
  
Note: the diagonal for partial-training is antialised on the upper left to lower right actual corner. so in a 0 to 9 grid with 0,0 at top left corner, (0,0), (1,1), ... (n,n) are antialised resulting in RGB 154/154/154, Hex: #9A9A9A
+
Box Diagonal:
 +
* Skill is partially trained and not in queue:
 +
** Lower left: Light gray {{co|#CCCCCC|█}}
 +
** antialias section : {{co|#9A9A9A|█}}
 +
** Upper right: dark gray {{co|#464646|█}}
 +
* Skill is partially trained and in queue:
 +
** Lower Left: Light gray {{co|#CCCCCC|█}}
 +
** antialias section : {{co|#92B1BA|█}}
 +
** Upper Right: blue {{co|#30839C|█}}
 +
 
 +
Alpha Clone State:
 +
* Omega Skill level, untrainable: darker yellow - {{co|#9F7C0C|█}}
 +
* Omega skill level trained but unusable: lighter yellow - {{co|#CE9F09|█}}
 +
 
 +
And finally, if a skill is actively being trained "right now" (and queue not paused) it will be flashing between blue and light gray.<br>
 +
The timing curve over two observations appears to be linear, with these approximate timings:<br>
 +
0 ms - 525 ms: Starts at and stays {{co|#30839C|&#9608;}} blue <br>
 +
525ms - 875ms (350ms) : transitions linearly to {{co|#CCCCCC|&#9608;}} light gray <br>
 +
875ms - 1075ms (200ms) : stays at {{co|#CCCCCC|&#9608;}} light gray <br>
 +
1075 ms - 1825ms (750ms) : transitions linearly back to {{co|#30839C|&#9608;}} blue <br>
 +
... repeat.
 +
 
 +
{| class="wikitable"
 +
! style="background-color:#222222;" | Skill Training Queue Colors
 +
|-
 +
| {{co|#CCCCCC|&#9608;}} light gray - #CCCCCC
 +
|-
 +
| {{co|#464646|&#9608;}} dark gray - #464646
 +
|-
 +
| {{co|#30839C|&#9608;}} blue - #30839C
 +
|-
 +
| {{co|#9F7C0C|&#9608;}} omega untrainable - #9F7C0C
 +
|-
 +
| {{co|#CE9F09|&#9608;}} omega trained but unusable - #CE9F09
 +
|-
 +
| {{co|#92B1BA|&#9608;}} blue on diagonal - #92B1BA
 +
|-
 +
| {{co|#9A9A9A|&#9608;}} gray on diagonal - #9A9A9A
 +
|}
 +
 
 +
== Test ==
 +
{{#css:
 +
.outer-div {
 +
    float: left;
 +
    margin: 2px;
 +
    border: 1px #212121 solid;
 +
    background-color: #181818;
 +
    padding: 0px 12px 12px 12px;
 +
    width: 75%;
 +
}
 +
 
 +
.skill-entry {
 +
    clear: left;
 +
    border: 0px;
 +
    padding: 12px 0px;
 +
    color: #cccccc;
 +
}
 +
 
 +
.skill-level {
 +
    overflow: hidden;
 +
    float: left;
 +
    margin-right: 2px;
 +
    height: 10px;
 +
    width: 10px;
 +
    background-color: #464646;
 +
}
 +
 
 +
.untrainable {
 +
    height: 4px;
 +
    width: 4px;
 +
    margin: 3px;
 +
}
 +
 
 +
.partial {
 +
    width: 0px;
 +
    height: 0px;
 +
    margin-left: 0px;
 +
    margin-top: 0px;
 +
    border-bottom: 10px solid #cccccc;
 +
    border-right: 10px solid transparent;
 +
}
 +
 
 +
.trained {
 +
    background-color: #cccccc;
 +
}
 +
 
 +
.enqueued {
 +
    background-color: #30839C;
 +
}
 +
 
 +
.omega {
 +
    height: 4px;
 +
    width: 4px;
 +
    margin: 3px;
 +
    background-color: #9F7C0C;
 +
}
 +
 
 +
.omega-trained {
 +
    background-color: #CE9F09;
 +
}
 +
 
 +
.active {
 +
    animation-timing-function: linear;
 +
    animation-delay: 0s;
 +
    animation-duration: 1825ms;
 +
    animation-name: active-skill;
 +
    animation-iteration-count: infinite
 +
}
 +
 
 +
@keyframes active-skill {
 +
    0% { background-color: #30839C; }
 +
    28.75% { background-color: #30839C; }
 +
    48% { background-color: #cccccc; }
 +
    59% { background-color: #cccccc; }
 +
    100% { background-color: #30839C; }
 +
}
 +
}}
 +
    <div class="outer-div">
 +
        <div class="skill-entry">
 +
            <div class="skill-level trained"></div>
 +
            <div class="skill-level trained"></div>
 +
            <div class="skill-level trained"></div>
 +
            <div class="skill-level active"></div>
 +
            <div class="skill-level"></div>
 +
        </div>
 +
        <div class="skill-entry">
 +
            <div class="skill-level trained"></div>
 +
            <div class="skill-level partial enqueued"></div>
 +
            <div class="skill-level enqueued"></div>
 +
            <div class="skill-level enqueued"></div>
 +
            <div class="skill-level"></div>
 +
        </div>
 +
        <div class="skill-entry">
 +
            <div class="skill-level omega-trained"></div>Gallente Battlecruiser
 +
            <div class="skill-level omega-trained"></div>
 +
            <div class="skill-level omega-trained"></div>
 +
            <div class="skill-level omega"></div>
 +
            <div class="skill-level omega"></div>
 +
        </div>
 +
    </div>

Latest revision as of 21:07, 21 January 2020

A page for storing various information gleaned from in-game.

Game UI

There are a number of problems with trying to match colors with the game UI.

  • 21 different color schemes that can be chosen
  • Alpha is limited only to one of them (Dark Matter)
  • transparency level can be different, causing show-through from background
  • windows pinned/unpinned set transparency level as well
  • color blind mode might alter colors

For new wiki theme development, the following settings will be used to base the Skin off of. It will also be recommended that all in-game screenshots of UI elements be taken with, or updated with versions taken with, these same settings:

  • UI Theme: Carbon
  • Transparency: 0% (solid)
  • Colorblind: Off
  • Match theme to active ship: NO
  • Enable Window Blur: NO (this causes some small amount of background to show through if enabled)
  • Windows pinned to ensure they are fully opaque.
  • UI Element HAS the focus (click in it before taking screenshot)

Note that Alpha will not be able to choose Carbon for this -- their only choice, Dark Matter, is "close enough" to leave screenshots taken with it as-is, so long as the other settings are followed.

Skill Training

The skill training window has a few different things to designate various aspects of skills.

  • Whether the skill is trainable or not
  • Whether the skill is injected or not
  • Whether the skill has been trained
  • Whether the skill is queued for training
  • Whether the skill has been partially trained
  • Whether the skill, or some of its levels, are Omega-Account-Only (only visible on alpha accounts)
  • Whether the skill is actively being trained right now

Two primary elements are used for these states: The text color, and the box size and color. Four primary colors are used, as well: blue, light gray, dark gray, and orange.

Text Color:

  • Skill is injected: light gray
  • Skill is not injected: dark gray

Box Size:

  • Skill is not trainable: 4px by 4px
  • Skill is trainable: 10px by 10px

Box Color for each level:

  • Skill has been trained: solid light gray
  • Skill has not been trained: solid dark gray
  • Skill is in training queue: blue
  • Skill is omega-only: orange

Box Diagonal:

  • Skill is partially trained and not in queue:
    • Lower left: Light gray
    • antialias section :
    • Upper right: dark gray
  • Skill is partially trained and in queue:
    • Lower Left: Light gray
    • antialias section :
    • Upper Right: blue

Alpha Clone State:

  • Omega Skill level, untrainable: darker yellow -
  • Omega skill level trained but unusable: lighter yellow -

And finally, if a skill is actively being trained "right now" (and queue not paused) it will be flashing between blue and light gray.
The timing curve over two observations appears to be linear, with these approximate timings:
0 ms - 525 ms: Starts at and stays blue
525ms - 875ms (350ms) : transitions linearly to light gray
875ms - 1075ms (200ms) : stays at light gray
1075 ms - 1825ms (750ms) : transitions linearly back to blue
... repeat.

Skill Training Queue Colors
light gray - #CCCCCC
dark gray - #464646
blue - #30839C
omega untrainable - #9F7C0C
omega trained but unusable - #CE9F09
blue on diagonal - #92B1BA
gray on diagonal - #9A9A9A

Test

Gallente Battlecruiser