plot/pplot3d.htm at master · JohnBSmith/plot · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Plotter</title>
  <script src = "plot.js">
  </script>
  <script src = "eplot.js">
  </script>
  <script>
gv1id="u";
gv2id="v";
plot=pplot3d;
  </script>
  <link rel="stylesheet" href="s1.css">
</head>
<body>

<br>
<br><br>
<canvas id="canvas1" width="720" height="480"
style="border: thin solid gray">
No canvas.
</canvas>

<div class="nb">
<input type="button" value="plot"
onclick="pplot3d()">
<input type="button" value="&lt;"
onclick="shiftphim(); pplot3d()">
<input type="button" value="&gt;"
onclick="shiftphip(); pplot3d()">
<input type="button" value="&lt;"
onclick="shiftam(); pplot3d()">
<input type="button" value="&gt;"
onclick="shiftap(); pplot3d()">
<br><br>
x(u,v) = <input type="text" id="inputx" style="width: 600px"
value = "cos(u)sin(v)" onkeyup="handle_keys(event);"><br>
y(u,v) = <input type="text" id="inputy" style="width: 600px"
value = "sin(u)sin(v)" onkeyup="handle_keys(event);"><br>
z(u,v) = <input type="text" id="inputz" style="width: 600px"
value = "cos(v)" onkeyup="handle_keys(event);">
<br><br>
<table>
<tr><td style="padding-left: 0em">
m = <input type="text" id="inputm" value="8"
  onkeyup="handle_keys(event);"><br>
phi = <input type="text" id="inputphi" value="0">
</td><td style="padding-left: 2em">
a = <input type="text" id="inputa" value="0"
  onkeyup="handle_keys(event);"><br>
d = <input type="text" id="inputd" value="1">
</td>
</table>
<br>
<table>
<tr><td style="padding-left: 0em">
u1 = <input type="text" id="inputu1" value="0"
  onkeyup="handle_keys(event);"><br>
u2 = <input type="text" id="inputu2" value="2pi"
  onkeyup="handle_keys(event);"><br>
mu = <input type="text" id="inputmu" value="20"
  onkeyup="handle_keys(event);"><br>
nu = <input type="text" id="inputnu" value="200"
  onkeyup="handle_keys(event);">
</td><td style="padding-left: 2em">
v1 = <input type="text" id="inputv1" value="0"
  onkeyup="handle_keys(event);"><br>
v2 = <input type="text" id="inputv2" value="pi"
  onkeyup="handle_keys(event);"><br>
mv = <input type="text" id="inputmv" value="20"
  onkeyup="handle_keys(event);"><br>
nv = <input type="text" id="inputnv" value="200"
  onkeyup="handle_keys(event);">
</td></tr>
</table>
<br>
<a href="doc.htm" class="modest">help</a>
(<a href="doc-de.htm" class="modest">Hilfe</a>)
<br><br>
<input type="button" value="calc" onclick="calc()">
<input type="text" id="inputc" style="width:400px"
  onkeyup="calc_keys(event);">
<br>
<p id="ans" class="mono">ans =</p>
<br><br>
<br>
</div>

</body>
</html>