ですから、まずご容赦ください。これを扱うのはこれが初めてです。arduino に情報を送信し、そのサーボを制御できる単純な Python コードを作成できました。
def main(inp):
import serial
ser = serial.Serial("/dev/cu.usbmodemfa131") # open arduino serial port
ser.write(inp) # write a string
ser.close() # close port
そして、コンピューターのnode.jsで開くことができる数値スライダーを備えたhtml/javascriptファイルを作成できました。私の最初の考えは、ユーザーがスライダーの数値を変更するたびにこの python スクリプトを呼び出して、それに応じて arduino のサーボを動かすことでしたが、これは JavaScript では難しいようでした。Web サイトのユーザー入力を arduino のシリアル ポートに書き込むにはどうすればよいですか?
これは html ファイルで、スライダーは jquery を使用して作成されました。
<html lang="en">
<head>
<meta charset="utf-8">
<title>Slider Demo</title>
<link rel="stylesheet" href="jquery-ui.min.css">
<style>#slider { margin: 50px; } </style>
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.min.js"></script>
</head>
<body>
<div class="center" id="slider"></div>
<center>
<div id="slider-result">90</div>
</center>
<input type="hidden" id="hidden"/>
<script>
$( "#slider" ).slider({
animate: true,
range: "min",
value: 90,
min: 0,
max: 180,
step: 1,
})
//this gets a live reading of the value and prints it on the page
slide: function( event, ui ) {
$( "#slider-result" ).html( ui.value );
},
//this updates the hidden form field so we can submit the data using a form
change: function(event, ui) {
$('#hidden').attr('value', ui.value);
}
});
</script>
</body>
</html>