속편) 다이소프라레일*2+Obniz로 만드는 IoT 리모콘 카(전차판:고무 철포 발사 기능을 추가)

개요



전편의
htps : // 코 m / 케이카 후 ぁ ck / ms / 2 4f408 7103049929
에 고무 철포 기능을 추가하여 탱크로 만들었습니다.

이 기능이 붙었을 뿐, 우리 아들은 대흥분이었습니다.
소년은 이런 것을 좋아합니다.


IoT 다이소프라레일 전차 VS 울트라맨 피 c. 라고 r. 이 m/0hKtRQKg22 — keicafeblack (@keicafeblack) 2018년 9월 24일


분할과 서보 모터를 테이프로 멈출 뿐이므로, 10분 정도로 완성입니다.



추가 재료



· 분할

· 서보 모터



코드




obniz_tank.html

<!-- 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/[email protected]/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>
    <br>
  <br>
  <button id="on">ON</button>
  <button id="off">OFF</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);

    var servo = obniz.wired("ServoMotor", {gnd:4, vcc:5, signal:6});


  $("#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();
  })

        $("#on").on("click",function(){
      servo.angle(100.0); // half position

      });
      $("#off").on("click",function(){
      servo.angle(180.0); // 180 position
    });
}

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



참고로 한 사이트



Qiita에 동영상을 삽입하는 방법


좋은 웹페이지 즐겨찾기