キッズプロジェクト。ラジコン

このエントリーをはてなブックマークに追加

obnizを使って簡単ラジコンを作ってみいます。

動画

作り方

材料

  • モーターとギアボックス x 2
  • 土台となる木やプラスチック
  • モバイルバッテリー

まず、モーターとギアボックスを組み立てます。おもちゃ屋などでも販売しています。
次に木など適当な材料に取り付けます。

あとは、obnizとつなぎ、obnizとモバイルバッテリーを乗せるだけです。

プログラム

プログラムを動かすと画面にボタンが出てきます。
画面上のボタンを触ることでロボットを動かすことができます。

Program

<!-- HTML Example -->
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
  <script src="https://unpkg.com/obniz@1.9.3/obniz.js" crossorigin="anonymous"></script>
</head>
<body>

<div id="obniz-debug"></div>
  <br>
<button id="lf" class="btn btn-warning" style="width:45%;height:100px;font-size:50px;">↑</button>
<button id="rf" class="btn btn-warning" style="width:45%;height:100px;font-size:50px;">↑</button>
  <br>
  <br>
<button id="lb" class="btn btn-primary" style="width:45%;height:100px;font-size:50px;">↓</button>
<button id="rb" class="btn btn-primary" style="width:45%;height:100px;font-size:50px;">↓</button>

<script>
var obniz = new Obniz("OBNIZ_ID_HERE");
obniz.onconnect = async function () {
  var motorA = obniz.wired("DCMotor",  {forward:3, back:2});
  motorA.power(40);
  var motorB = obniz.wired("DCMotor",  {forward:0, back:1});
  motorB.power(40);

  $("#lf").on('touchstart mousedown', ()=>{
    motorA.move(true);
  })
  $("#lf").on('touchend mouseup',()=>{
    motorA.stop();
  })
  $("#lb").on('touchstart mousedown',()=>{
    motorA.move(false);
  })
  $("#lb").on('touchend mouseup',()=>{
    motorA.stop();
  })
  
  $("#rf").on('touchstart mousedown',()=>{
    motorB.move(true);
  })
  $("#rf").on('touchend mouseup',()=>{
    motorB.stop();
  })
  $("#rb").on('touchstart mousedown',()=>{
    motorB.move(false);
  })
  $("#rb").on('touchend mouseup',()=>{
    motorB.stop();
  })
}

</script>
</body>
</html>

今すぐ実行

HTMLがブラウザで開かれて実行されます。