2dRubixCube/index.html at master · jamisonTitan/2dRubixCube · 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
<!DOCTYPE html>
<html lang="en-us">

<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.6.1/p5.js"></script>
<script type="text/javascript"src="rubixCube.js"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>Titan's super cool rubix cube emulator</h1>
  <div id="sketch-holder"></div>
  <div id="button-holder">
    <button id="fc" class="btn">FC</button>
    <button id="fcc" class="btn">FCC</button>
    <button id="lu" class="btn">LU</button>
    <button id="ld" class="btn">LD</button>
    <button id="ru" class="btn">RU</button>
    <button id="rd" class="btn">RD</button>
    <button id="bl" class="btn">BL</button>
    <button id="br" class="btn">BR</button>
    <button id="tl" class="btn">TL</button>
    <button id="tr" class="btn">TR</button>
    <div>
      <button id="mix" class="btn">Mix Cube<button>
    </div>
  </div>
      <h3>Instructions</h3>
<div id="txt">
    <ul>
      <li>Click a side to select it</li>
      <li>fc = rotate face clockwise </li>
      <li>fcc = rotate face cunter clockwise </li>
      <li>lu = turn left column up</li>
      <li>ld  = turn left column down</li>
      <li>ru = turn right column up</li>
      <li>rd = turn right column down </li>
      <li>bl = turn bottom row left  </li>
      <li>br =  turn bottom row right </li>
      <li>tl = turn top row left </li>
      <li>tr =trun top row right </li>
      <li>mix Cube = duh</li>
    </ul>
</div>

</body>

</html>