MiMic for LPCXpresso1769 + ＧＰ２Ｙ０Ａ２１ＹＫで距離を測る

AD変換クラスを使って、距離センサから値をとってみました。距離センサでとった値をそのままHTML5のcanvasでグラフにしています。

プログラムをiPadで動かしてセンサの上でひらひら動かすと、iPadに距離センサがついているみたいで面白いです。

ソースコード

ipアドレスのところは、ご自身のLPCXpressoのアドレスに変えてください。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="../MiMicCore.js"></script>
<script src="../LPCXPresso1769.All.js"></script>
<script type="text/javascript">

function adddata(v)
{
	var canvas = document.getElementById('c1');
	var ctx = canvas.getContext('2d');
	ctx.fillStyle = "red";
	ctx.fillRect(canvas.width-10,canvas.height-(v*140/4096),1,1);
}
function scroll()
{
	var canvas = document.getElementById('c1');
	var ctx = canvas.getContext('2d');
	var imagedata = ctx.getImageData(0,0,canvas.width,canvas.height);
	ctx.putImageData(imagedata,-1,0);

}
function init(){
	var mcu=new LPCXpresso1769.Mcu("192.168.128.39");
	var pin=mcu.getPin(LPCXpresso1769.P0[23],"AD");
	var i=0;
	setInterval(function(){
		var v=pin.getValue();
		adddata(v);
		document.getElementById("ad").value=v;
	scroll();

	},30);
}
</script>
</head>
<body onload="init();">
<h1>MiMic for LPCXpressso1769 + AD graph(P0[23])</h1>
<canvas style="border-style:solid;border-width:1px;" id="c1" width="280" height="140"></canvas><br/>
<input id="ad" type="text" value="." />
</body>