forked from ryuichiueda/RobotDesign3
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (146 loc) · 6.4 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
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
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Robot Console</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<script src="three.min.js"></script>
<script src="simulator.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" type="text/css" href="main.css"></link>
<!-- Le styles -->
<link href="./css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link href="./css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="../assets/ico/favicon.png">
</head>
<body onload="init()">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="#">RobotDesign3 ロボットコントロールパネル</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="./index.html">ウェブコントロールパネル</a></li>
<li><a href="./send_prog.html">プログラムの送信</a></li>
<li><a href="https://ryuichiueda.github.io/RobotDesign3/index.html" target="_blank">オンラインマニュアル</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
</div> <!-- /container -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap-transition.js"></script>
<script src="./js/bootstrap-alert.js"></script>
<script src="./js/bootstrap-modal.js"></script>
<script src="./js/bootstrap-dropdown.js"></script>
<script src="./js/bootstrap-scrollspy.js"></script>
<script src="./js/bootstrap-tab.js"></script>
<script src="./js/bootstrap-tooltip.js"></script>
<script src="./js/bootstrap-popover.js"></script>
<script src="./js/bootstrap-button.js"></script>
<script src="./js/bootstrap-collapse.js"></script>
<script src="./js/bootstrap-carousel.js"></script>
<script src="./js/bootstrap-typeahead.js"></script>
<div class="container">
<div class="raw">
<div class="span3.5">
<h3>関節角操作</h3>
<table>
<tr>
<th>関節</th>
<th>角度[deg]</th>
</tr>
<tr>
<td>J1</td>
<td><input type="range" id="J1" onchange="onChangeRange()" value="0" min="-150" max="150"></td>
<td><input type="number" id="J1value" class="anglebox" onchange="numToSlide(this)" value="0" min="-150" max="150"></td>
</tr>
<tr>
<td>J2</td>
<td><input type="range" id="J2" onchange="onChangeRange()" value="0" min="-150" max="150"></td>
<td><input type="number" id="J2value" class="anglebox" onchange="numToSlide(this)" value="0" min="-150" max="150"></td>
</tr>
<tr>
<td>J3</td>
<td><input type="range" id="J3" onchange="onChangeRange()" value="0" min="-150" max="150"></td>
<td><input type="number" id="J3value" class="anglebox" onchange="numToSlide(this)" value="0" min="-150" max="150"></td>
</tr>
<tr>
<td>J5</td>
<td><input type="range" id="J5" onchange="onChangeRange()" value="0" min="-150" max="150"></td>
<td><input type="number" id="J5value" class="anglebox" onchange="numToSlide(this)" value="0" min="-150" max="150"></td>
</tr>
<tr>
<td>J6</td>
<td><input type="range" id="J6" onchange="onChangeRange()" value="0" min="-150" max="150"></td>
<td><input type="number" id="J6value" class="anglebox" onchange="numToSlide(this)" value="0" min="-150" max="150"></td>
</tr>
</table>
<h3>電磁弁の操作</h3>
<button type="button" class="btn btn-danger" id="ev_on" onclick="ev(1)">ON</button>
<button type="button" class="btn btn-warning" id="ev_off" onclick="ev(0)">OFF</button>
</div>
<div class="span3">
<h3>関節角の連続指定</h3>
関節角5個と時間、電磁弁(ON、OFF)をカンマ区切りで入力のこと。<br />
<div style="padding-bottom:10px;padding-top:20px">
<button type="button" class="btn btn-danger" id="run" onclick="run()">RUN</button>
<button type="button" class="btn btn-primary" onclick="location.reload()">CLEAR</button>
</div>
<textarea rows="20" cols="40" id="sequence">
20,20,20,20,20,2000,ON
50,50,20,20,20,2000,OFF
20,20,50,50,20,2000,ON
50,-50,20,80,20,2000,OFF
20,20,20,20,20,2000,ON
50,50,20,20,20,2000,OFF
20,20,50,50,20,2000,ON
-50,-50,20,80,20,2000,OFF
20,20,20,20,20,2000,ON
50,50,20,20,20,2000,OFF
20,20,50,50,20,2000,ON
50,-50,20,80,20,2000,OFF
20,20,20,20,20,2000,ON
-50,50,20,20,20,2000,OFF
20,20,50,50,20,2000,ON
50,-50,20,80,20,2000,OFF
</textarea>
</div>
<div class="span4.5">
<h3>モニタ</h3>
<p class="color:red">実機も動作するので注意</p>
<p>Range sensor CH0: <span id="ch0_value"></span></p>
<p>Range sensor CH1: <span id="ch1_value"></span></p>
<div id="sim" style="width:430px">
<div id="canvas"></div>
</div>
</div>
</div>
</div>
</body>