limchess/help.html at master · 2buttonchess/limchess · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html>
  <head>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <link rel='stylesheet' type='text/css' href='css/chess.css'>
    <script src='js/jquery-3.6.4.min.js'></script>
    <script src='js/gamepad.js'></script>
    <script src='js/arrowkeys.js'></script>
    <title>limchess ~ help</title>
  </head>
  <body>
    <div id='header'>
      <h1>limchess</h1>
      <h2>Limited input accessible chess</h2>
    </div>
    <div id='gamepadStatus'>
      <p>Gamepad device not connected</p>
    </div>
    <nav>
      <ul>
        <li><a href="about.html">about</a></li>
        <li><a href="index.html">play</a></li>
      </ul>
    </nav>

    <div class='content'>
      <h3>Help Video</h3>
      <a href='https://youtu.be/kLtK9YxcZKA'>Youtube video demo of how to play limchess!</a>
      <h3>Learning to play?</h3>
      <p>
      The game of chess is a fun and complicated adventure where 2 armies fight a
      grand battle to capture the opponent's king! Along the way, their soldiers
      will have to stand guard, fight other soldiers, or position themselves for a
      strategic strike.
      </p>
      <p>
      If you're getting started with the game, we recommend using the buttons on
      the site to explore and try moving the pieces around. Once you've won or lost
      a game or two, you should have an idea of how the pieces move and what they
      can do. If you want to dive into the rules, you can check out
      <a href="https://www.chesskid.com/how-to-play-chess">Chess Kid's How to
         Play Chess</a>.
      </p>
      <p>The important thing is to have fun!</p>

      <h3>Playing with Left/Right Arrow Keys</h3>
      <p>
      Using a keyboard? Try the <kbd>Right</kbd> arrow key to move around, and the
      <kbd>Left</kbd> arrow key to press a button or follow a
      link! If you are focused on a slider (i.e. number of moves or difficulty), press the <kbd>Left</kbd> arrow key to
      begin adjusting the slider. Then use the <kbd>Right</kbd> arrow key to perform the adjustment (if you reach the
      end of a slider and you press the <kbd>Right</kbd> arrow key again, the value goes back to the minimum value).
      Hit <kbd>Left</kbd> again to confirm you adjustment to the slider. See below for button descriptions.
      </p>

    <!--  <h3>Playing with Tab and Enter</h3>
      <p>
      Using a keyboard? Try the <kbd>Tab</kbd> key to move around, and the
      <kbd>Enter</kbd> or <kbd>Return</kbd> key to press a button or follow a
      link! See below for button descriptions.
      </p>
      <p>
      Got a gamepad or other set of switches? The "left" control should toggle
      moves, and the "right" control should accept them (not yet implemented).
      When the game ends, "left" will start a new game as White, and "right" will
      start a new game as Black.
      </p> -->
      <p>All the page elements support focus and click events.</p>

      <h3>What is a Gamepad Device?</h3>
      <p>A Gamepad device is simply any sort of physical controller. This could be an
      old-school singular joystick, a PS4 or Xbox controller, controllers for wheelchairs such as <a href="https://bjliveat.com/bjoy-mice/240-BJOY-ring.html">
      a BJOY Ring</a> or <a href="https://www.atandme.com/?tag=wheelchair-joystick">
      the CJSM2</a>, or anything in between. Any device that has at least one joystick,
      can be used on the site. If a device has multiple joysticks, only one of
      them will be used.
      </p>

      <h3>Playing with a Gamepad Device</h3>
      <p>
      Using a Gamepad Device? The website has been built such that a single joystick can navigate
      the entire webpage and the game can be played to its fullest extent! Simply plug in your Gamepad device
      to your computer and the site will display a message on all pages at the top that says,
      "Gamepad device has been connected!" when it is ready to use. You may have to press or move
      anything on your Gamepad for the site to initially recognize your device.
      </p>
      <p>Push left or right on your
      joystick to navigate left and right through all selectable items on a given page. Push down to
      scoll the page down. Push up to click on a button or link. If you are on the "Number of Player Choices"
      or "Difficulty" slider, push up to begin adjusting the slider. After pushing up, push left and right
      to adjust the slider. Push up again to confirm your choice and go back to regular use of the Gamepad
      device on the website.
      </p>

      <h3>Controls</h3>
      <dl id='controls'>
        <dt>Show next move</dt>
        <dd>
        <p>Don't like the current move? Press this button to see another!</p>
        <p>
        Shows another move option by highlighting your piece and the square it will
        move to.
        </p>
        </dd>

        <dt>Accept current move</dt>
        <dd>
        <p>Like the current move? Press this button to play it!</p>
        <p>Plays the currently highlighted move and waits for the opponent to move</p>
        </dd>

        <dt>Generate new moves</dt>
        <dd>
        <p>Unhappy with your move options? Press this button to get more!</p>
        <p>Generates a new list of move options</p>
        </dd>

        <dt>New game as (Black or White)</dt>
        <dd>
        <p>
        Ready for the next match? Pick your color and press one of these buttons!
        Remember, White goes first!
        </p>
        <p>Starts a new game as the selected color</p>
        </dd>

        <dt>Number of player choices</dt>
        <dd>
        <p>Need more or fewer options? Pick a number here!</p>
        <p>Controls how many moves the player is allowed to pick from</p>
        </dd>

        <dt>Difficulty</dt>
        <dd>
        <p>Is the computer player too easy or too hard? Change the
        difficulty!</p>
        <p>Controls how hard the AI (Stockfish) is</p>
        </dd>
      </dl>

      <h3>Found a problem? Have a question?</h3>
      <p>
      Please report all problems and questions to our <a
        href="https://github.com/2buttonchess/limchess/issues">issues page</a>.
      </p>
      <button onclick="topFunction()" id="goToTopHelp" title="Go to top of page">Go to top of page</button>
    </div>

  </body>
</html>