雑感: obnizスマホ両指操作など( https://blog.obniz.com/make/kids-project-simple-rc-car )

https://thunderblog.org/2019/02/obniz-rc.html　これすぐれものサイト

https://docs.obniz.com/ja/guides/obniz-starter-kit/iot-by-html-and-javascript/browser-button-and-servo-motor　：：　オブニズJs例題 servo motor

https://docs.obniz.com/ja/sdk/parts/DCMotor/README.md

:: ⚠obnizBoard/obnizBoard1YにDCMotorをつなぐときは、obnizBoard/obnizBoard1Y電源供給はPCなどには繋がないでください。ノイズ等によりPCが破損する恐れがあります。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

<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@3.x/obniz.js"
      crossorigin="anonymous"
></script>
</head>
<body>
    <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>
  let obniz = new Obniz("4998-4317");
  obniz.onconnect = async () => {
    let motorA = obniz.wired("DCMotor", { forward: 3, back: 2 });
    motorA.power(40); // pwm? maybe....
    let motorB = obniz.wired("DCMotor", { forward: 0, back: 1 });
    motorB.power(40);

    $("#lf").on("touchstart mousedown", () => {
      motorA.move(true);
    }); // during event , front on
    $("#lf").on("touchend mouseup", () => {
      motorA.stop();
    });
    $("#lb").on("touchstart mousedown", () => {
     motorA.move(false);
    }); // during event , back on
    $("#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>

雑感

2025年2月11日火曜日

obnizスマホ両指操作など( https://blog.obniz.com/make/kids-project-simple-rc-car )

0 件のコメント:

コメントを投稿