【100均活用】初心者キットで作る「LED装飾スマホスタンド」|100均ジョイントケースを電子工作の外装に

100均で作る! LEDスマホスタンド

100均スマホスタンドにLED装飾を加える工作を作ろう

100均で売ってる物に電子工作を組み合わせる作例ない?

「LED装飾スマホスタンド」を作ろう! 100均のスマホスタンドにArduino + RGB LEDを仕込んで、夜になると下からふわっと光るオシャレな台になるんだ。

今回は、100均アイテムと初心者キットを組み合わせたい方に向けて、「LED装飾スマホスタンド」の作り方を紹介します。

ダイソーで売っているプラスチックのスマホスタンドの下にRGB LEDを仕込んで、暗い時だけ下からふわっと色が変わる光を出す装置です。実用品 + 装飾の合わせ技で、机の上が一気に映えます。

この記事で作るもの
  1. 100均スマホスタンドにRGB LED内蔵
  2. 暗い時だけ自動で点灯 (CdSセンサー)
  3. 色がゆっくり変わる (虹色アニメ)
  4. 普段はスマホスタンドとして実用

用意するもの

分類アイテム入手先
外装プラスチック製スマホスタンドダイソー
装飾白いマスキングテープダイソー
頭脳Arduino UNO R3キット
RGB LED + 抵抗330Ω × 3キット
明るさCdS + 10kΩキット
配線ブレッドボード、ジャンパーキット

配線図

RGB LEDには共通カソード型 (一番長い足をGNDに繋ぐ) と共通アノード型 (5Vに繋いでanalogWriteの値を反転) があります。今回は共通カソード型を前提に配線します。

        a b c d e
       +─────────+
[+]rail| . . . . . | ← 5V
[-]rail| . . . . . | ← GND
       +─────────+
row 5  | X . . . . | ← CdS 上足 ([+])
row 6  | X . . . . | ← CdS 下足+A0+10k上
row 8  | X . . . . | ← 10k下足 ([-])
row 11 | X . . . . | ← 330Ω 上 (D9 赤)
row 12 | X . . . . | ← 330Ω 下+RGB赤
row 14 | X . . . . | ← RGB共通 ([-])
row 15 | X . . . . | ← 330Ω 上 (D10 緑)
row 16 | X . . . . | ← 330Ω 下+RGB緑
row 17 | X . . . . | ← 330Ω 上 (D11 青)
row 18 | X . . . . | ← 330Ω 下+RGB青
       +─────────+

プログラム

#define CDS A0
#define RED 9
#define GREEN 10
#define BLUE 11
#define DARK_TH 400

void setup() {
  Serial.begin(9600);
  pinMode(RED, OUTPUT);
  pinMode(GREEN, OUTPUT);
  pinMode(BLUE, OUTPUT);
}

void loop() {
  int light = analogRead(CDS);
  Serial.println(light);

  if (light > DARK_TH) {
    analogWrite(RED, 0);
    analogWrite(GREEN, 0);
    analogWrite(BLUE, 0);
    delay(500);
    return;
  }

  // 暗い時のみ虹色 (途中で明るくなったらすぐ消す)
  for (int i = 0; i <= 255; i++) {
    if (analogRead(CDS) > DARK_TH) { allOff(); return; }
    analogWrite(RED, 255 - i);
    analogWrite(GREEN, i);
    delay(20);
  }
  for (int i = 0; i <= 255; i++) {
    if (analogRead(CDS) > DARK_TH) { allOff(); return; }
    analogWrite(GREEN, 255 - i);
    analogWrite(BLUE, i);
    delay(20);
  }
  for (int i = 0; i <= 255; i++) {
    if (analogRead(CDS) > DARK_TH) { allOff(); return; }
    analogWrite(BLUE, 255 - i);
    analogWrite(RED, i);
    delay(20);
  }
}

void allOff() {
  analogWrite(RED, 0);
  analogWrite(GREEN, 0);
  analogWrite(BLUE, 0);
}

プログラムの動き

flowchart TD A[起動] --> B[明るさ測定] B --> C{暗い?} C -->|No| D[LED消灯] C -->|Yes| E[虹色アニメ] D --> B E --> B

スマホスタンドへの組み込み手順

組み込み手順
  1. スマホスタンドの土台 (置き面) にRGB LEDを下向きに固定
  2. 白いマスキングテープを置き面に貼って光を拡散
  3. Arduinoとブレッドボードはスタンドの裏側に両面テープで固定
  4. CdSは外から光が入る位置に
  5. USBケーブルを通す穴を確保
スマホ置いたら下のLED見えなくならない?

いいツッコミ! 透明なスマホスタンドを選んで、LEDを土台じゃなくて支柱の根元に仕込むと、置いたスマホの周りから光が漏れて綺麗だよ。配置の工夫が見せ所なんだ。

100均選びのポイント

適したスマホスタンド
  1. 素材: 透明か半透明のプラスチック
  2. 形: 内部にLEDが仕込める空間がある
  3. サイズ: ブレッドボードが横に置ける土台幅
  4. 固定: 滑り止めゴムがあるとなおよし

改造のアイデア

発展アイデア
  1. 3色のうち固定色を選べるボタンを追加
  2. 音 (パッシブブザー) で着信風メロディも
  3. CdSの値で周囲の明るさに合わせて呼吸する明るさに
  4. USB給電を100均USBケーブルで延長

まとめ

今回は、100均のスマホスタンドと初心者キットを合わせた「LED装飾スマホスタンド」を紹介しました。実用品をベースにすることで、毎日使う装飾ガジェットが手に入ります。

大切なのは、毎日使うこと。、既製品の使い方を電子工作で拡張する発想です。100均の身近な物が、自作ガジェットの素材として化けます。

他にも初心者キットだけで作れる作例を別の記事で紹介しているので、興味があれば見てみてね。