-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (123 loc) · 7 KB
/
index.html
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>plateau</title>
<link rel="stylesheet" type="text/css" href="plateau.css" />
</head>
<body>
<div>
<div class="container" id="settings">
<form action=".">
<div>
<h3>Функция</h3>
<label for="function">Функция</label>
<input type="text" name="function" id="function" value="cos(x) * cos(y)">
<input type="button" name="random" id="random" value="↻">
</div>
<div style="display: none;">
<h3>Тип графика</h3>
<div>
<input type="radio" name="plot" value="cubic" id="cubic">
<label for="cubic">Кубическая интерполяция</label>
</div>
<div>
<input type="radio" name="plot" value="bicubic" id="bicubic" checked="checked">
<label for="bicubic">Бикубическая интерполяция</label>
</div>
<div>
<input type="radio" name="plot" value="triangulation" id="triangulation">
<label for="triangulation">Триангуляция</label>
</div>
</div>
<!--
<div>
<h3>Тип сетки</h3>
<div>
<input type="radio" name="grid" value="regular" id="regular" checked="checked">
<label for="regular">Регулярная</label>
</div>
<div>
<input type="radio" name="grid" value="user-defined" id="user-defined">
<label for="user-defined">Произвольная</label>
</div>
</div>
-->
<div>
<h3>Границы построения</h3>
<div>
<div>
<label for="all_lower_boundary">Нижняя граница</label>
<input type="text" name="all_lower_boundary" id="all_lower_boundary"
title="Нижняя граница" value="-10">
</div>
<div>
<label for="all_upper_boundary">Верхняя граница</label>
<input type="text" name="all_upper_boundary" id="all_upper_boundary"
title="Верхняя граница" value="10">
</div>
</div>
<div style="display: none;">
<h4>По оси X</h4>
<div>
<label for="x_lower_boundary">Нижняя граница по оси X</label>
<input type="text" name="x_lower_boundary" id="x_lower_boundary"
title="Нижняя граница по оси X" value="-10">
</div>
<div>
<label for="x_upper_boundary">Верхняя граница по оси X</label>
<input type="text" name="x_upper_boundary" id="x_upper_boundary"
title="Верхняя граница по оси X" value="10">
</div>
</div>
<div style="display: none;">
<h4>По оси X</h4>
<div>
<label for="y_lower_boundary">Нижняя граница по оси Y</label>
<input type="text" name="y_lower_boundary" id="y_lower_boundary"
title="Нижняя граница по оси Y" value="-10">
</div>
<div>
<label for="y_upper_boundary">Верхняя граница по оси Y</label>
<input type="text" name="y_upper_boundary" id="y_upper_boundary"
title="Верхняя граница по оси Y" value="10">
</div>
</div>
</div>
<div>
<h3>Количество узлов</h3>
<div>
<label for="all_node_count">По каждой оси</label>
<input type="text" name="all_node_count" id="all_node_count" title="По каждой оси" value="7">
</div>
<div style="display: none;">
<label for="x_node_count">По оси X</label>
<input type="text" name="x_node_count" id="x_node_count" title="По оси X" value="7">
</div>
<div style="display: none;">
<label for="y_node_count">По оси Y</label>
<input type="text" name="y_node_count" id="y_node_count" title="По оси Y" value="7">
</div>
</div>
</form>
</div>
<div class="container" id="render">
</div>
</div>
<script type="application/javascript"
src="//cdnjs.cloudflare.com/ajax/libs/three.js/r58/three.min.js"></script>
<script type="application/javascript"
src="//cdnjs.cloudflare.com/ajax/libs/mathjs/0.17.0/math.min.js"></script>
<script type="application/javascript"
src="//cdnjs.cloudflare.com/ajax/libs/sugar/1.3.9/sugar.min.js"></script>
<script type="application/javascript"
src="//rawgithub.com/Darsain/fpsmeter/master/dist/fpsmeter.min.js"></script>
<script type="application/javascript" src="./js/extrapolator.js"></script>
<script type="application/javascript" src="./js/cubic_spline.js"></script>
<script type="application/javascript" src="./js/cubic_interpolant.js"></script>
<script type="application/javascript" src="./js/bicubic_surface.js"></script>
<script type="application/javascript" src="./js/bicubic_interpolant.js"></script>
<script type="application/javascript" src="./js/plateau.js"></script>
<script type="application/javascript" src="./js/main.js"></script>
</body>
</html>