More actions
| (5 intermediate revisions by the same user not shown) | |||
| Line 21: | Line 21: | ||
== Skill Training == | == Skill Training == | ||
The skill training window has a few different things to designate various aspects of skills. | 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 trainable or not | ||
| Line 41: | Line 34: | ||
Text Color: | Text Color: | ||
* Skill is injected: light gray | * Skill is injected: light gray {{co|#CCCCCC|█}} | ||
* Skill is not injected: dark gray | * Skill is not injected: dark gray {{co|#464646|█}} | ||
Box Size: | Box Size: | ||
| Line 49: | Line 42: | ||
Box Color for each level: | Box Color for each level: | ||
* Skill has been trained: solid light gray | * Skill has been trained: solid light gray {{co|#CCCCCC|█}} | ||
* Skill has not been trained: solid dark gray | * Skill has not been trained: solid dark gray {{co|#464646|█}} | ||
* Skill is in training queue: blue | * Skill is in training queue: blue {{co|#30839C|█}} | ||
* Skill is omega-only: orange | * Skill is omega-only: orange | ||
Box Diagonal: | Box Diagonal: | ||
* Skill is partially trained and not in queue: | * Skill is partially trained and not in queue: | ||
** Lower left: Light gray | ** Lower left: Light gray {{co|#CCCCCC|█}} | ||
** Upper right: dark gray | ** antialias section : {{co|#9A9A9A|█}} | ||
** Upper right: dark gray {{co|#464646|█}} | |||
* Skill is partially trained and in queue: | * Skill is partially trained and in queue: | ||
** Lower Left: Light gray | ** Lower Left: Light gray {{co|#CCCCCC|█}} | ||
** Upper Right: blue | ** 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|█}} blue <br> | |||
525ms - 875ms (350ms) : transitions linearly to {{co|#CCCCCC|█}} light gray <br> | |||
875ms - 1075ms (200ms) : stays at {{co|#CCCCCC|█}} light gray <br> | |||
1075 ms - 1825ms (750ms) : transitions linearly back to {{co|#30839C|█}} blue <br> | |||
... repeat. | |||
{| class="wikitable" | |||
! style="background-color:#222222;" | Skill Training Queue Colors | |||
|- | |||
| {{co|#CCCCCC|█}} light gray - #CCCCCC | |||
|- | |||
| {{co|#464646|█}} dark gray - #464646 | |||
|- | |||
| {{co|#30839C|█}} blue - #30839C | |||
|- | |||
| {{co|#9F7C0C|█}} omega untrainable - #9F7C0C | |||
|- | |||
| {{co|#CE9F09|█}} omega trained but unusable - #CE9F09 | |||
|- | |||
| {{co|#92B1BA|█}} blue on diagonal - #92B1BA | |||
|- | |||
| {{co|#9A9A9A|█}} 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> | |||