M5Stackでつまみ調整器

Knob volume controller ・ 旋钮调节

ロータリーエンコーダーユニットを使って音量や値を調整するシンプルな構成。

この構成をエディタで開く・編集する →

部品リスト(BOM)

部品役割ポートリンク・価格
M5Stack Core2Controllergrove_i2c, grove_analog, grove_uart, mbusofficial page — $46.9
Unit EncoderRotary encodergrove_i2cofficial page

配線

作り方

M5Stack Core2とUnit Encoder(ロータリーエンコーダユニット)を使って、音量や数値を調整するシンプルなビルドです。エンコーダを回すと値が増減し、押し込むと決定やリセットができます。Core2の画面に現在の値が表示されます。

  1. 部品を用意する — 用意するもの:M5Stack Core2本体、Unit Encoder(ロータリーエンコーダユニット)、Groveケーブル(I2C用、ユニットに付属)、Core2とパソコンをつなぐUSB-Cケーブル。
  2. Groveケーブルでつなぐ — Unit EncoderはI2C接続です。Groveケーブルの一端をUnit Encoderに、もう一端をCore2の赤いPort.A(I2Cポート)に差し込みます。コネクタは一方向にしか入らないので、無理に押し込まないでください。
  3. パソコンにつないでMicroPythonを書き込む — USB-CケーブルでCore2をパソコンにつなぎます。UIFlowやThonnyなどのツールで、Core2にMicroPythonファームウェアが入っていることを確認し、下のコードをデバイスにコピーして実行します。
  4. エンコーダの動作を確認する — コードを実行すると、Core2の画面に現在の値(デフォルト50)が表示されます。エンコーダを回すと値が増減し、エンコーダを押し込むと値がリセットされます。動作を確認してください。
  5. 値を調整するアプリケーションに組み込む — このコードは音量調整の例です。valueをスピーカーの音量やLEDの明るさなど、他のパラメータに置き換えて使えます。必要に応じて、valueの範囲やステップを変更してください。

サンプルコード(micropython)

# M5Stack Core2 + Unit Encoder (volume/value adjuster)
# Wiring: Unit Encoder -> Core2 red Port.A (I2C)
import time
from machine import Pin, I2C
from m5stack import lcd

# I2C setup for Port.A (Core2: scl=22, sda=21)
i2c = I2C(0, scl=Pin(22), sda=Pin(21), freq=100000)

# Unit Encoder I2C address (default 0x40)
ENCODER_ADDR = 0x40

# Register addresses (from datasheet)
REG_ENC_STATUS = 0x00
REG_ENC_VALUE = 0x03
REG_ENC_RESET = 0x06
REG_ENC_LED = 0x07

def read_encoder():
    # Read 2-byte value from register 0x03
    data = i2c.readfrom_mem(ENCODER_ADDR, REG_ENC_VALUE, 2)
    value = (data[0] << 8) | data[1]
    return value

def reset_encoder():
    i2c.writeto_mem(ENCODER_ADDR, REG_ENC_RESET, b'\x01')

def set_led(r, g, b):
    # Set RGB LED color (register 0x07: byte0=red, byte1=green, byte2=blue)
    i2c.writeto_mem(ENCODER_ADDR, REG_ENC_LED, bytes([r, g, b]))

# Initialize
lcd.clear()
lcd.print('Encoder Test', 10, 10)

prev_value = -1
while True:
    value = read_encoder()
    if value != prev_value:
        lcd.clear()
        lcd.print('Value: %d' % value, 10, 40)
        prev_value = value
        # Change LED color based on value
        if value < 50:
            set_led(0, 0, 255)  # blue
        elif value < 150:
            set_led(0, 255, 0)  # green
        else:
            set_led(255, 0, 0)  # red
    # Check if button pressed (status register bit 0)
    status = i2c.readfrom_mem(ENCODER_ADDR, REG_ENC_STATUS, 1)[0]
    if status & 0x01:
        reset_encoder()
        lcd.clear()
        lcd.print('Reset!', 10, 70)
        time.sleep(0.5)
    time.sleep(0.05)

コツ・安全上の注意

この作り方はAIが構成から生成したものです(未検証)。通電前に配線とコードをご確認ください。

この構成はAIが実在するM5Stack部品から設計し、ポート互換をサーバで検証したものです。編集・共有できます。

エディタで開く →

UnitKit は M5Stack® 製品向けの非公式ツール。作りたいものを書くと、部品リストと配線図が出ます。