スキップしてメイン コンテンツに移動

Arduino IDE 2.0とシリアルプロッタを使ってみる　S11059 カラーセンサ

目次

目次


背景

Arduino IDE 2.0がリリースされたことによって以前の1.0系よりも動作が軽くなっただけでなく少々の追加機能とUIが新しくなりました。

執筆現在(2023/01/08)では以前までのArduinoIDEと2.0両方ともインストールすることができますが、今後は2.0系に完全移行しそうなので、使えるように環境を整えつつどのように変わったか見ていこうと思います。そのついでに、Halakeにいくつかあるカラーセンサを使う感じです。

しかし、UIが多少変わっているだけで操作内容は以前と変わらないので軽い説明だけで流していこうと思います。


導入

1.インストール

2.0系に変わったと言ってもインストール方法は以前と全く変わらずだったので図が綺麗な他のサイトを参考にしてもらった方が分かりやすいので参考にしたサイトを載せておきます。

【Arduino】IDE 2.0 の新機能をチェックしよう！（インストールと使い方)

こちらのサイトに沿って日本語化も済ませると楽になります。

2.ライブラリのインストール

こちらも以前と変わらず

  1. ライブラリマネージャ
  2. zipファイル

この2通りでライブラリがインストールできるようで、操作もほぼ変わりません。

今回はS11059と言うI2Cのカラーセンサを使う予定なので以下のリンクからzipファイルでライブラリをダウンロードしておきます。

jakalada/Arduino-S11059

念のためこちらzipファイルのライブラリをインストールするときのヒントとして画像を載せておきます。

画面下のログにこのような感じで出れば問題ないです。

3.ESP系のボード情報のインストール

今回はセンサの動作電圧の都合上ESP32を使用するので、初めてESP32をIDE2.0で使用する人はボード情報のインストールが必須です

画像では既に記入されていますが、同じように以下のテキストを入力します。

https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json

リンクではないのでコピーして赤枠の中に入力してください。

これでボード情報をインストールできます。
これも以前と全く変わっていません。

ここで注意があります！

私の環境では一度IDEを閉じてから再度開きなおさないと、ライブラリとボード情報が更新されませんでした。

以前のIDEでも尾内だったのかわからないのですが不便でした。
起動がかなり早くなっているのでそこまで大変ではないんですけどね。。。

3.シリアルプロッタで値を見る

2.0になる前からシリアルプロッタはありましたが、以前のUIよりも見やすくなっていたので紹介します。

配線は以下のように繋げます。

ESP32 S11059センサ
3V3 +V
D21 SDA
D22 SCL
GND GND

インストールしたライブラリのexampleにFixedModeというのがあるのでこれを使うとすぐにできます。

後はボードとポートをこのように選択して書き込めれば成功です。

書き込んだら画面右上の2つ並んだアイコン左側を開くとシリアルプロッタが開きます。（右はシリアルモニタです。）

サンプルスケッチのままだと現実の色とグラフの色と合わないので

Serial.print(colorSensor.getBlue());
Serial.print(",");
Serial.print(colorSensor.getRed());
Serial.print(",");
Serial.print(colorSensor.getGreen());
Serial.print(",");
Serial.print(colorSensor.getIR());
Serial.println("");

このように書き変えるとセンサが読み取った色の値とグラフの色が対応していて分かりやすいと思います。

コメント

コメントを投稿

このブログの人気の投稿

Phaser3 + Typescriptを使ってRPGゲームの基礎を作ろう！その２

前回の記事 に引き続きPhaser3+Typescriptを使って RPG の基礎を作っていきます。 この記事は前回の記事を呼んだ前提で説明していきますので、ぜひそちらを先に読むことをお勧めします。 また、今回の記事は前回よりも難易度と内容量が上がっていますが、記事の最後に作業後の リポジトリ のリンクがありますので、そちらを先にダウンロードしてそちらと比較しながら学習することができます。 前回まで作成した状態のプログラムが以下の リポジトリ からダウンロードできますので前回まででうまくいっていない方は参考にしてみてください。 github.com 最終目標（再掲） ・Phaser3とTypescriptで RPG ゲームの基礎を作る。 ・Phaser3をTypescriptで使う方法を学ぶ ・Phaser3の使い方を学ぶ 今回の目標 ・ゲームの作り方の断片を知る ・キャラの表示できるようにする ・キャラを移動できるようにする ・当たり判定をつける ・ NPC の追加してみる ・話しかけられるようにする 開発前提（再掲） ・Nodejsの環境・知識がある ・ Javascript ・Typescriptがある程度かける ・当ページ紹介の環境を試す場合はgit・ github の知識がある 使用した主要Nodeモジュール（再掲） ・typescript（Typescriptの コンパイル 用） ・phaser（フロントの Javascript 用ゲームライブラリ） ・live-server（ソースを監視してブラウザのページをリロード） ・ts-loader（webpackがTypescriptをバンドルする用）webpack（言わずと知れたモジュール依存をいい感じに解決しバンドルする） ・webpack- cli （webpackを コマンドライン で使用するのに必要） 注：各Nodeモジュールバージョンは後述 当ブログ仕様の画像素材の注意点 当ブログで使用する画像素材は『 ピポヤ倉庫 』より許可なしで無償再配布・改変が認められたものを改変して作成されたものです。 中には許可なく再配布・改変してはいけない素材もインターネット上には多く存在するのでそれらを使用するときは十分に規約を呼んでから使用しましょう。 1. キャラの表示 想定画面 今回は、はじめにキャラつまり操作
コメントを投稿
続きを読む

M5Stackで、においセンサー（TGS2450）を使ってみる。（LCDに表示編）

今回は、においセンサー（TGS2450）から取得したデータをM5Stackの LCD にグラフ表示をしていきます。 今回主に使用したもの M5Stack 10Ω抵抗 5本 Pch  MOSFET  2SJ334（スイッチとして利用） M5StackSideBB（ブレッドボード） M5Stackのピンはそのままだと配線するとき手間がかかるかと思いますので、今回はM5StackSideBBを利用しました。 ブレッドボードも付いているので、手軽に電子工作できるので個人的にオススメです。 SideBB for M5Stack www.switch-science.com 諸注意 本ブログのプログラムはArduinoIDEまたはPlatformIOでM5Stackの開発ができる状態であること前提のものですので、各自導入をお願いします。 過去に Windows のArduinoIDEで M5Stackの開発環境を構築する記事 があるので、参考にしてください。 においセンサー（TGS2450）について 今回使用したセンサーは 秋月電子通商 で購入できます。 http://akizukidenshi.com/catalog/g/gP-00989/ akizukidenshi.com TGS2450には4つのピンがあり、使用するのはそのうちの3本でヒーターを温めるピン、センサー情報を得るピン、GNDがあります。 ここで注意したいのは、ヒーター電圧は1.6Vと記述されているのでM5Stackで利用するときは分圧して3.3Vを1.6V近くまでに降圧することをお勧めします。 TGS2450のセンサーは可変抵抗になっており、データシートには5.62kΩ〜56.2kΩの間を抵抗が変化し、においが強いとより低くなると記述されていました。 よって、センサーの値をM5Stackで取得するにはセンサー抵抗と外部に接続する任意の値の抵抗による分圧回路によって求めることができます。 TGS2450の動作方法は、250ms周期でセンサーに電圧を5ミリ秒on、245ミリ秒offの状態にしてヒーターは8ミリ秒on、242ミリ秒offにすることで値を取得します。 配線 においセンサーとM5Stackの配線 上の図が配線図です。 30Ωの抵抗は10Ωの抵抗を三つ直列に接続して作成しました。 また、上部の抵抗10Ω二
コメントを投稿
続きを読む

Phaser3 + Typescriptを使ってRPGゲームの基礎を作ろう！その１

今回はPhaser3とTypescriptを使って簡単な RPG ゲームを作る方法を紹介していきます。 内容はPhaser3およびゲーム作りについての記事なので、Nodejsの周辺モジュールなどの説明は一部省いての説明になりますのでご了承ください。 またこの記事では Phaser2 ではなく Phaser3 を使用するので注意してください。 この記事は二部構成になりますので、この記事を読んだ際はぜひ次の記事も読むことをお勧めします。 最終目標 ・Phaser3とTypescriptで RPG ゲームの基礎を作る。 ・Phaser3をTypescriptで使う方法を学ぶ ・Phaser3の使い方を学ぶ 今回の目標 ・開発環境を整える ・Phaser3の開発構成を知る ・スタート画面を作る ・マップ表示をさせる 開発前提 ・Nodejsの環境・知識がある ・ Javascript ・Typescriptがある程度かける ・当ページ紹介の環境を試す場合はgit・ github の知識がある 使用した主要Nodeモジュール ・typescript（Typescriptの コンパイル 用） ・phaser（フロントの Javascript 用ゲームライブラリ） ・live-server（ソースを監視してブラウザのページをリロード） ・ts-loader（webpackがTypescriptをバンドルする用）webpack（言わずと知れたモジュール依存をいい感じに解決しバンドルする） ・webpack- cli （webpackを コマンドライン で使用するのに必要） 注：各Nodeモジュールバージョンは後述 1. 最低限の開発環境の準備 今回最低限の環境を整えるために、『Typescript + Phaser3』の開発テンプレートを github リポジトリ で公開しました。 以下からZIPをダウンロードするか、 git clone コマンドで各自環境に展開してみてください。 ここから先は リポジトリ のプログラムを元に説明していきます。 github.com 展開するとファイル構造は以下のようになっているかと思われます。 注： 他にもファイルやフォルダがあるかと思われますが、表記されているのは今回使うものになっています。 - src/ （これから書くプログラムの保存領域）
コメントを投稿
続きを読む