Humanistic-AI-Test-Program/index.html at master · ShaoT-Hugh/Humanistic-AI-Test-Program · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Color Battle</title>

    <link rel="stylesheet" type="text/css" href="style.css">

    <script src="libraries/p5.min.js"></script>
    <script src="libraries/p5.sound.min.js"></script>
  </head>

  <body>
    <script src="Game.js"></script>
    <script src="Sprite.js"></script>
    <script src="Player.js"></script>
    <script src="AI.js"></script>
    <script src="sketch.js"></script>
    <div class="left">
      <p>
        <b id="stress">INSTRUCTIONS</b>
      </p>
      <img src="assets/Instructions.png">
        <!-- Choose a level to start.<br>
        Control the <b>RED</b> circle to beat the other circle(s).<br>
        <br>
        Press <b>ESC</b> to end the game and back to menu.<br><br>
        <b>Click the button</b> at the buttom and select a target to act.<br>
        <b>Right-Click</b> to cancel the action.<br>
        <br>
        Put the mouse over a player's avatar to see its info.<br>
        Remember you can only do <b>1</b> action at a time.<br>
        <br> -->
      <p>
        Press <b>ESC</b> to exit to the home page.<br>
        <br>
        <i>Once you have finished playing, please help filling the feedback form
        <a href="https://docs.google.com/forms/d/e/1FAIpQLSecBLydZ2VNuCmYonAsEpuIEUkkXyxMPpeMKUyPEfyAxFymUA/viewform?usp=sf_link">HERE</a>. Thank you.</i>
      </p>
    </div>
  <div id="main" class="right"></div>
  </body>
</html>