obniz developer team
Published

Kids Project: Simple Robot!

Let's make a simple robot with an obniz.

BeginnerFull instructions provided537
Kids Project: Simple Robot!

Things used in this project

Hardware components

obniz
Cambrian Robotics obniz
×1
Wood or Plastic for base
×1
Mobile battery
×1

Story

Read more

Code

Untitled file

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/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>

Credits

obniz developer team
80 projects • 37 followers
Development board "obniz" is controlled via the internet.

Comments

Related channels and tags
  • Cambrian Robotics
  • Internet of Things
  • Internet of Things