当記事の対象者
当記事は、obnizに興味はあるが、周辺機器は何を購入すればいいか分からず、購入を躊躇っている人に向けた記事です。
私が購入した周辺機器から、それらを動かすためのサンプルプログラムをシェアします。
なお、obnizの初期設定については、サイトに記載がある為、そちらを参照してください。
＜初期設定について記載されたページ＞
https://obniz.io/doc/quickstart
obnizのサイズ感
箱のサイズ
本体のサイズ
約7cm × 3.5cm
本体表
本体裏
購入した周辺機器
- モーター : RE-140RA
- コード : PP-14NH
- スイッチ : HK-PSS05H
- LED : HK-LED5H(R)
機器は、池袋の東急ハンズ(4F)にて購入。
接続状態
Pin0,1 : LED
Pin2,3 : モーター
Pin4,5 : スイッチ
なお、LEDについては、長い方をPin0に指している
この周辺機器を利用するプログラム
注意)プログラム内にある「XXXX-YYYY」は、obnizのIDになる為、適宜obnizのIDに変更すること
qiita.rb
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
<script src="https://unpkg.com/obniz@1.4.5/obniz.js" crossorigin="anonymous"></script>
</head>
<body>
<!--<div id="obniz-debug"></div>-->
<h1>obniz instant html</h1>
<button id="led-on">LED ON</button>
<button id="led-off">LED OFF</button>
<button id="display-yamamoto">Display 山本</button>
<button id="motor-on">MOTER ON</button>
<button id="motor-off">MOTER OFF</button>
<div id="print"></div>
<script>
var obniz = new Obniz("XXXX-YYYY");
obniz.onconnect = async function () {
var led = obniz.wired("LED", { anode:0, cathode:1 } );
var motor = obniz.wired("DCMotor", {forward:2, back:3});
var button = obniz.wired("Button", {signal:4, gnd:5});
obniz.display.clear();
obniz.display.print("Hello World");
console.log("Start Date: " + new Date())
obniz.switch.onchange = function(state) {
$('#print').text(state);
obniz.display.clear();
obniz.display.print(state);
}
$('#led-on').click(function () {
led.on();
obniz.display.clear();
obniz.display.print("LED ON");
});
$('#led-off').click(function () {
led.off();
obniz.display.clear();
obniz.display.print("LED OFF");
});
document.getElementById("display-yamamoto").onclick = function() {
console.log("Push yamamoto button. Time : " + new Date())
obniz.display.clear();
obniz.display.print("I'm Yamamoto.");
obniz.display.print("山本");
};
document.getElementById("motor-on").onclick = function() {
console.log("Push MOTER ON button. Time : " + new Date())
obniz.display.clear();
obniz.display.print("Moter ON");
motor.power(10);
motor.forward();
};
$('#motor-off').click(function () {
console.log("Push MOTER OFF button. Time : " + new Date())
obniz.display.clear();
obniz.display.print("Moter OFF");
motor.stop();
});
button.onchange = function(pressed){
console.log("pressed:" + pressed)
obniz.display.clear();
obniz.display.print("Push Button");
obniz.display.print(pressed);
};
}
</script>
</body>
</html>
稼働結果
PCの画面
LED ON
LEDが点灯しているか分かりにくいですが、薄っすら点灯しています。他の機器に電力を取られてしまっているようです。
モーター ON
モータにプロペラなどがついていない為、回転しているのか分かり辛いですが、obnizのディスプレイにONと表示されています。
スイッチON
スイッチOFF
以上、obniz購入の参考になれば幸いです。