まず、以下のように接続してください
Gnd - 0
VCC - 1
Signal - 2
Googleサイトにてページに「埋め込む」を挿入してください。
その埋め込みコードに以下のソースコードをコピーして貼り付けてください。
obnizサーボモータ制御<br />
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://unpkg.com/obniz@3.x/obniz.js" crossorigin="anonymous" ></script>
obniz ID:<input type="text" id="oid" style="width: 100px;"><br />
<button onClick="init();">実行</button><br />
<input id="slider" type="range" min="0" max="180" /><br />
0ーーー90ーーー180
<script>
var obniz;
var servo;
function init() {
obniz = new Obniz($("#oid").val());
obniz.onconnect = async function () {
servo = obniz.wired("ServoMotor", {gnd:0, vcc:1, signal:2});
setInterval(function() {
main();
}, 200);
};
}
async function main() {
await servo.angle($("#slider").val())
}
</script>
【プログラムの説明】
initを呼ぶと、obnizを作って、
接続後に、サーボを作り、
setIntervalにて200ms毎にmainを呼びます。
main内では、スライドの値を読み取ってそれをサーボモータの角度に「同期」設定します。
以下は実際のワーキングモデルです。obnizとサーボモータを接続後、obniz IDをフィールドに入れて「実行」ボタンをクリックしてください。スライドするとそれに追従してサーボモータの角度が変わります。