Processing

Processing Processing
Processing

マイクロビットを使ってみる 〜潜水艦ソナー

マイクロビットと「サーボモーター」をつかった作品のネタをいろいろ考えていたのですが、「潜水艦のソナー画面」や「空港の管制レーダー画面」のようなものをつくったら面白いのではないか?と思いつきました。サーボモーターに「超音波センサ」を取り付け、...
Processing

マイクロビットを使ってみる 〜Webブラウザに表示された図形をマイクロビットで動かす

以前、ビジュアルデザイン用のプログラム開発環境である「Processing」を使い、マイクロビットからの制御でパソコン画面に図形を描画させたことがあります(記事は こちら)。また、「Processing」の代わりに「p5.js」というJav...
Processing

M5StickC PlusとWebブラウザをBluetooth接続してChart.jsでグラフ表示する

先日、「M5StickC Plus」と「p5.js」をBluetoothで接続し、M5StickC Plusで取得したデータに基づいて、Webブラウザで図形をアニメーション表示してみました(記事は こちら)。p5.jsとマイコンデバイスをB...
Processing

M5StickC Plusとp5.jsを接続してWebブラウザで図形を描画する

先日、「M5StickC Plus」と「Processing」というビジュアルデザイン用のプログラム開発環境をBluetoothで接続し、M5StickC Plusで取得したデータに基づいて、パソコンの画面上に図形をアニメーション表示してみ...
Processing

Processingでつくった作品をWebブラウザで表示する

パソコン画面上で図形をアニメーション表示するために「Processing」というプログラム開発環境をつかってみました(記事は こちら)。さて、私は最終的には「Processing」でつくったものをWebブラウザで表示させたいと思っています。...
Processing

マイクロビットとProcessingを接続して図形を描画する

先日、ビジュアルデザイン用のプログラム開発環境である「Processing」を使い、「M5StickC Plus」で取得したデータに基づき、パソコン画面に図形を描画させました(記事は こちら)。さて、これを試している途中「もしかしたらM5S...
Processing

M5StickC PlusとProcessingを接続して図形を描画する

M5StackやM5StickCにはLCD画面がついており、デバイスで取得したデータに基づいて文字や図形を表示させることができます。ただ、用途によっては、同じような情報をパソコンの大きな画面で表示させたい場合があります。デバイスで取得した数...