「Arduinoの基礎 - OLED」の版間の差分

(同じ利用者による、間の3版が非表示)

25行目:

==== OLED 128x64ディスプレイの接続 ====

下図に、ArduinoとOLEDディスプレイ (128x64) の配線図を示す。

[[ファイル:Arduino Uno R4 OLED 1.png|フレームなし|中央]]

※注意

異なるタイプのArduinoを使用する場合、ピンレイアウトは異なる可能性がある。

{| class="wikitable" | style="background-color:#fefefe;"

|-

! style="background-color:#00ffff;" | Arduino

! style="background-color:#00ffff;" | OLEDディスプレイ (128x64)

|-

| style="text-align: center;" | 5V

| style="text-align: center;" | Vin

|-

| style="text-align: center;" | GND

|-

| style="text-align: center;" | SDA

| style="text-align: center;" | A4

|-

| style="text-align: center;" | SCL

| style="text-align: center;" | A5

|}

</center>

~~ ~~

==== テキストの表示 ====

153行目:

178行目:

</syntaxhighlight>

==== ~~描画の作成~~ ====

==== 図形の描画 ====

#include <Wire.h>

232行目:

257行目:

==== 画像の表示 ====

OLEDディスプレイに画像を表示するには、まず、画像 (形式不問) をビットマップ配列に変換する。

画像をビットマップ配列に変更する方法を以下に示す。

# [https://javl.github.io/image2cpp/ image2cppのWebサイト]にアクセスする。

#: image2cppは、ArduinoやRaspberry PiのOLEDのようなディスプレイで使用するために、画像をバイト配列に変更する (または、配列を画像に戻す) ツールである。

#: 元々、Adafruit OLEDライブラリで動作するように作成されたが、現在では、あらゆる種類の組み込みロジェクトで使用できる。

# [Choose Files]ボタンを押下する。

# [Image Settings]の[Canvas size]テキストボックスに、変換後の画像サイズを指定する。

# [Image Settings]の[Scaling]プルダウンでは、[scale to fit. keeping ...]を選択する。

# [Output]の[Generate code]ボタンを押下する。

# ページ下部にバイト列が生成されるので、そのデータをコピーする。

※注意

画像サイズは、画面サイズと同じかそれ以下でなければならない。

指定されたコードをOLED 128x32に使用するには、関数の中で画像のサイズを変更し、幅と高さを調整する必要がある。

#include <Wire.h>

#include <Adafruit_GFX.h>

#include <Adafruit_SSD1306.h>

#define SCREEN_WIDTH 128

#define SCREEN_HEIGHT 64

Adafruit_SSD1306 oled(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1); //

// bitmap of icon image

const unsigned char iconImage [] PROGMEM = {

0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,

0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f

};

void setup()

{

Serial.begin(9600);

// 128x64解像度の特定のI2Cアドレス (0x3C) でOLEDディスプレイを開始

if (!disp.begin(SSD1306_SWITCHCAPVCC, 0x3C)) {

Serial.println(F(「SSD1306 allocation failed」)); // 初期化に失敗した場合はエラーメッセージを表示

while (true); // それ以降の実行を停止するために無限ループ

}

delay(2000); // 初期化するまで待機

disp.setCursor(0, 0);

}

void loop()

{

disp.clearDisplay();

// ビットマップを表示

disp.drawBitmap(0, 0, iconImage, 128, 64, WHITE);

disp.display(); // データの表示

delay(2000); // データが表示されるまで待機

// 反転表示

disp.invertDisplay(1);

delay(2000); // データが表示されるまで待機

}

</syntaxhighlight>

@@ 25行目: / 25行目: @@
 <br>
 ==== OLED 128x64ディスプレイの接続 ====
+下図に、ArduinoとOLEDディスプレイ (128x64) の配線図を示す。<br>
+<br>
+[[ファイル:Arduino Uno R4 OLED 1.png|フレームなし|中央]]
+<br>
+<u>※注意</u><br>
+<u>異なるタイプのArduinoを使用する場合、ピンレイアウトは異なる可能性がある。</u><br>
+<center>
+{| class="wikitable" | style="background-color:#fefefe;"
+|-
+! style="background-color:#00ffff;" | Arduino
+! style="background-color:#00ffff;" | OLEDディスプレイ (128x64)
+|-
+| style="text-align: center;" | 5V
+| style="text-align: center;" | Vin
+|-
+| style="text-align: center;" | GND
+| style="text-align: center;" | GND
+|-
+| style="text-align: center;" | SDA
+| style="text-align: center;" | A4
+|-
+| style="text-align: center;" | SCL
+| style="text-align: center;" | A5
+|}
+</center>
+<br>
-<br>
 ==== テキストの表示 ====
   <syntaxhighlight lang="c++">
@@ 153行目: / 178行目: @@
   </syntaxhighlight>
 <br>
-==== 描画の作成 ====
+==== 図形の描画 ====
   <syntaxhighlight lang="c++">
   #include <Wire.h>
@@ 232行目: / 257行目: @@
 ==== 画像の表示 ====
+OLEDディスプレイに画像を表示するには、まず、画像 (形式不問) をビットマップ配列に変換する。<br>
+<br>
+画像をビットマップ配列に変更する方法を以下に示す。<br>
+# [https://javl.github.io/image2cpp/ image2cppのWebサイト]にアクセスする。
+#: image2cppは、ArduinoやRaspberry PiのOLEDのようなディスプレイで使用するために、画像をバイト配列に変更する (または、配列を画像に戻す) ツールである。
+#: 元々、Adafruit OLEDライブラリで動作するように作成されたが、現在では、あらゆる種類の組み込みロジェクトで使用できる。
+# [Choose Files]ボタンを押下する。
+# [Image Settings]の[Canvas size]テキストボックスに、変換後の画像サイズを指定する。
+# [Image Settings]の[Scaling]プルダウンでは、[scale to fit. keeping ...]を選択する。
+# [Output]の[Generate code]ボタンを押下する。
+# ページ下部にバイト列が生成されるので、そのデータをコピーする。
+<br>
+<u>※注意</u><br>
+<u>画像サイズは、画面サイズと同じかそれ以下でなければならない。</u><br>
+<u>指定されたコードをOLED 128x32に使用するには、関数の中で画像のサイズを変更し、幅と高さを調整する必要がある。</u><br>
+<br>
+ <syntaxhighlight lang="c++">
+ #include <Wire.h>
+ #include <Adafruit_GFX.h>
+ #include <Adafruit_SSD1306.h>
+ #define SCREEN_WIDTH 128
+ #define SCREEN_HEIGHT 64
+ Adafruit_SSD1306 oled(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, -1);  //
+ // bitmap of icon image
+ const unsigned char iconImage [] PROGMEM = {
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f,
+x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f, 0x1f
+ };
+ void setup()
+ {
+    Serial.begin(9600);
+    // 128x64解像度の特定のI2Cアドレス (0x3C) でOLEDディスプレイを開始
+    if (!disp.begin(SSD1306_SWITCHCAPVCC, 0x3C)) {
+       Serial.println(F(「SSD1306 allocation failed」));  // 初期化に失敗した場合はエラーメッセージを表示
+       while (true);                                     // それ以降の実行を停止するために無限ループ
+    }
+    delay(2000);  // 初期化するまで待機
+    disp.setCursor(0, 0);
+ }
+ void loop()
+ {
+    disp.clearDisplay();
+    // ビットマップを表示
+    disp.drawBitmap(0, 0, iconImage, 128, 64, WHITE);
+    disp.display();  // データの表示
+    delay(2000);     // データが表示されるまで待機
+    // 反転表示
+    disp.invertDisplay(1);
+    delay(2000);     // データが表示されるまで待機
+ }
+ </syntaxhighlight>
 <br><br>