itemtimingtrainer/index.html at main · bglendenning/itemtimingtrainer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="author" content="Brandan Glendenning">
    <meta name="description" content="Arena FPS item timing trainer.">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Item Timing Trainer</title>

    <link rel="icon" href="data:,">
    <link rel="stylesheet" href="styles/styles.css">
    <script src="scripts/Main.js" type="module" defer></script>
  </head>

  <body>
    <item-timing-trainer>
      <timer>
        <div class="text-center text-large">
          <a href="javascript:void(0)" id="start">Start</a>
          <a href="javascript:void(0)" id="pause">Pause</a>
          <a href="javascript:void(0)" id="end">End</a>
          <a href="javascript:void(0)" id="timescaleMultiplierDecrease">-</a>
          <a href="javascript:void(0)" id="timescaleMultiplierIncrease">+</a>
        </div>

        <div class="text-center text-larger">
          <span id="clock">00:00</span>
          <span id="timescaleMultiplier">1</span>x
        </div>
      </timer>

      <items></items>

      <target>
        <div id="target"></div>

        <div class="text-center">
          <label><input type="checkbox" id="targetVisibility"> Enable randomized target</label>
        </div>
      </target>

      <score>
        <div>
          High: <span id="highScore"></span>
        </div>

        <div class="text-center">
          Session: <span id="sessionScore"></span>
        </div>

        <div class="text-right">
          Avg. Click: <span id="averageClick"></span>ms
        </div>
      </score>

      <log>
        <div class="text-right">
          <a id="clearLogs" href="javascript:void(0)">Clear Logs</a>
        </div>

        <div id="entries"></div>

        <h1>Arena FPS Item Timing Trainer</h1>
        <h2>
          By Brandan Glendenning (<a href="https://github.com/bglendenning/itemtimingtrainer" target="new">GitHub</a>)
        </h2>

        <p>
          Picking up an item adds points to the session score. Points values are equal to the spawn
          intervals displayed on each item. A point is deducted from the points value for each
          second the item was picked up late. The maximum value that can be deducted is the item's
          spawn interval, meaning that the minimum number of points that can be scored is 0. Points
          are multiplied by the timescale multiplier value before being added to the session score.
        </p>

        <p>
          <em>Start</em> begins or continues a paused session. <em>-</em> & <em>+</em> manipulate
          the rate at which the timer elapses. <em>Pause</em> pauses the timer. <em>End</em> ends
          the session, sets the session score to 0, and resets the target to its original position.
          Check <em>Enable randomized target</em> to display an interactive target that is assigned
          random positions and dimensions after each click. Target clicks are worth 1 point, and are
          multiplied by the timescale multiplier value.
        </p>
      </log>
    </item-timing-trainer>
  </body>
</html>