5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

M5StackAdvent Calendar 2020

Day 4

M5StackでNeopixel六角ユニットをLチカしてみる!

Last updated at Posted at 2020-12-03

そろそろイルミネーションが見られる季節になってきましたね🎄
ということでLチカしてみようと思い、手軽に始められるM5StackとNeopixelで簡単なデモを作ってみました!✨

完成したのはこちら。

#レシピ

今回はビジュアルプログラミングツールの「UIFlow」を使用しました。

部材はこちら。

image.png

#料理する
##UIFlowにアクセスする
UIFlowの環境構築は次のサイトが参考になりますので、ここでは省略します。

UIFlowのエディタを開くとこのような画面となります。
image.png

##Neopixel六角ユニットのブロックを読み込む
デバイスが表示されている下に+マークがあるので、それをクリックします。
image.png

続いてどのユニットを読み込むか選択する画面が開きます。ここでは「RGB LED」を選択します。PortはAで、Numberは37を指定します。これはM5Stack Core2のGrove PortがAで、接続するNeopixel LEDの個数が37個という意味です。
image.png

追加に成功すると、ブロックリストのUnitsの中に、「RGB LED」という項目が増えています。
image.png

##とりあえず何か点灯させてみる
RGB LEDカテゴリを開き、下にスクロールするといかにもそれらしいブロックがあるので追加します。
image.png

升目をクリックするとチェックマークがつきます。このLEDが右上に表示されている色で点灯します。試しに矢印を表示字てみます。
image.png

実行すると次のように点灯します!
20201118_005654.jpg

##別のブロックも使用してみる
他にも次のようなプログラムで使いやすいブロックや、全体点灯などのブロックがあります。
image.png

試しに全体点灯(色変更)と、LED単体を別の色に変えていくフローを作成してみました。
フローは次の通りです。

image.png

処理を説明すると、

  • 起動すると全て青色に点灯し、1.5秒待つ。
  • 全て緑色に点灯し、1.5秒待つ。
  • LEDt単体点灯を37回繰り返す。

です。

#おわりに
面倒なはんだ付けやプログラミングの手間がなくここまでできたのは感激です!
これを使ってオリジナルの🎄クリスマス🎄オーナメントを作ってみるのも面白いですね!

それでは良きM5Stackライフを!

5
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?