micro:bitでp5.jsと通信する
 

手順の概要

  • p5.jsと通信するためにアプリケーション「p5.serialcontrol」をダウンロードしてインストール

追記

 

p5.serialcontrolのダウンロード



micro:bit側の設定(事前準備)

  • 設定をmicro:bitに予め書き込んで,USBでPCと接続しておく

 

p5.serialcontrolとの接続


手順1. p5.serial.jsのライブラリの読み込み

  • p5.js Web Editorのindex.html内の6行目以降に以下を追記する.

<!DOCTYPE html>
<html lang="en">

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/addons/p5.sound.min.js"></script>
  <script language="javascript" type="text/javascript" src="https://cdn.jsdelivr.net/npm/p5.serialserver@0.0.28/lib/p5.serialport.js"></script>


  <link rel="stylesheet" type="text/css" href="style.css">
  <meta charset="utf-8" />
</head>

<body>
  <script src="sketch.js"></script>
</body>

</html>

手順2:サンプルコードを書き換え実行する

  • sketch.jsを以下に差し替え,