Toggle search
Toggle menu
4.5K
7.6K
15.6K
232.1K
EVE University Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

User:Rayanth/GameInfo: Difference between revisions

From EVE University Wiki
More actions
← Older edit
VisualWikitext
Rayanth (talk | contribs)
1,871 edits
No edit summary
Rayanth (talk | contribs)
1,871 edits
 
(9 intermediate revisions by the same user not shown)
Line 4: Line 4:
There are a number of problems with trying to match colors with the 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
* 21 different color schemes that can be chosen
* Alpha is limited only to one of them (Carbon)
* Alpha is limited only to one of them (Dark Matter)
* transparency level can be different, causing show-through from back ground
* transparency level can be different, causing show-through from background
* windows pinned/unpinned set transparency level as well
* windows pinned/unpinned set transparency level as well
* color blind mode might alter colors
* color blind mode might alter colors
Line 16: Line 16:
* Enable Window Blur: NO  (this causes some small amount of background to show through if enabled)
* Enable Window Blur: NO  (this causes some small amount of background to show through if enabled)
* Windows pinned to ensure they are fully opaque.
* 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 ==
== 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:
Two primary elements are used for these states: The text color, and the box size and color.
*** skill-dark-gray
Four primary colors are used, as well: blue, light gray, dark gray, and orange.
** Level trained:
 
*** skill-light-gray
Text Color:
** Level queued for training:
* Skill is injected: light gray {{co|#CCCCCC|█}}
*** skill-blue
* Skill is not injected: dark gray {{co|#464646|█}}
** Level partially trained:
 
*** diagonal from top left to bottom right
Box Size:  
*** Lower left portion is skill-light-gray
* Skill is not trainable: 4px by 4px
*** Upper Right Portion is:
* Skill is trainable: 10px by 10px
**** skill-blue if in queue
 
**** skill-dark gray if not in queue
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
 
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;
}


Skill colors mentioned above:
.enqueued {
    background-color: #30839C;
}


skill-light-gray: RGB 204/204/204 -- hex: #CCCCCC
.omega {
    height: 4px;
    width: 4px;
    margin: 3px;
    background-color: #9F7C0C;
}


skill-dark-gray: RGB 70/70/70 -- hex: #464646
.omega-trained {
    background-color: #CE9F09;
}


skill-blue: RGB 48/131/156 -- hex: #30839C
.active {
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-duration: 1825ms;
    animation-name: active-skill;
    animation-iteration-count: infinite
}


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
@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>
Retrieved from "https://wiki.eveuniversity.org/User:Rayanth/GameInfo"