hw1/index.html at main · jasmath03/hw1 · 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
<!DOCTYPE html>
<!-- saved from url=(0062)https://rodger.global-linguist.com/webgl/ch02/HelloCanvas.html -->
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Clear "canvas"</title>
  </head>

  <body onload="main()">
    <canvas id="webgl" width="400" height="400">
      Please use a browser that supports "canvas"
    </canvas>

    <br /><br />

    v1: x
    <input id="v1x" type="number" value="2.25" />
    v1: y
    <input id="v1y" type="number" value="2.25" />

    <br /><br />

    v2: x
    <input id="v2x" type="number" value="1" />
    v2: y
    <input id="v2y" type="number" value="0" />

    <br /><br />
    <button onclick="handleDrawEvent()">Draw</button>
    <br /><br />

    Operation:
    <select id="operation">
      <option value="add">Add</option>
      <option value="sub">Sub</option>
      <option value="mul">Mul</option>
      <option value="div">Div</option>
      <option value="mag">Magnitude</option>
      <option value="norm">Normalize</option>
      <option value="angle">Angle between</option>
      <option value="area">Area</option>
    </select>

    <br /><br />

    Scalar:
    <input id="scalar" type="number" value="2" />

    <br /><br />

    <button onclick="handleDrawOperationEvent()">Draw</button>

    <script src="./asgn0_files/webgl-utils.js.download"></script>
    <script src="./asgn0_files/webgl-debug.js.download"></script>
    <script src="./asgn0_files/cuon-utils.js.download"></script>
    <script src="./asgn0_files/HelloCanvas.js.download"></script>
    <script src="./lib/cuon-matrix-cse160.js"></script>
  </body>
</html>