Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ゲーミングソード？（100円ショップの刀をブロックプログラミングで光らせる） / Visual Programming IoTLT vol9

Cd931bc05e7cee46b9a950a63e47ba4c?s=47 you（@youtoy）
October 28, 2021
Technology
0
180

ゲーミングソード？（100円ショップの刀をブロックプログラミングで光らせる） / Visual Programming IoTLT vol9

Cd931bc05e7cee46b9a950a63e47ba4c?s=128

you（@youtoy）

October 28, 2021
Tweet

More Decks by you（@youtoy）

See All by you（@youtoy）
M5Station-BATを軽く試してみた / IoTLT vol.90
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
9
手軽に通知を送ることができる「ntfy.sh」 / IoTLT vol.89
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
2.6k
p5.jsでパーティクルやカラフルで動く描画を扱う（機械学習やデバイスとの連携も） / jsfes 2022 summer
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
72
公式版Scratchやtoio DoでIoT（ブラウザ上でのJavaScript実行で） / ビジュアルプログラミングIoTLT vol.11
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
290
enebularクラウド実行環境でIoT / enebular developer meetup 20220602
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
110
LINEアプリでIoTやってみた / エンジニアの自由研究発表会vol.6
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
86
ビジュアルプログラミングのみで作る LINE ＋ IoT の仕組み / LINE DC Monthly LT #1
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
200
enebularの新機能「クラウド実行環境」を自分も使ってみた（LINE との組み合わせ）/ IoTLT vol.86
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
230
Tech-onセッション / SORACOM UG × Tech-onコラボ #1
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
270

Other Decks in Technology

See All in Technology
漫画で使えそうな背景画像をblenderを使って作ってみた！
64482468d2ccebb9284315b8af68c0a1?s=48 nokonoko1203
1
320
Azure DevOps Online Vol.6 - 業務で必要なCIをみんなで考えよう
10be5c6d7c18735c1169520e55e15214?s=48 kkamegawa
0
280
ここが好きだよAWS管理ポリシー_devio2022/i_am_iam_lover
325ce6fcd0a74ff78990b8632817da55?s=48 yukihirochiba
0
3.2k
AWS CLI でやってみる ~ AWS Hands-on for Beginners ECS ハンズオン ~
8785139c395ce2345ce535822b522dde?s=48 kentosuzuki
1
520
SPAとWebアプリケーションでCognitoの使い方はどう変わるのか？ / How do we use cognito with SPA and web applications?
7d75345644fa75da12a5e5215ac2352a?s=48 kitano_yuichi
0
410
やってみたLT会 Fleet Managerのススメ
3282faa17a370dd254382f4bf2c7ba3a?s=48 yukiiiiikuma
PRO
0
410
年700万円損するサーバレスの 認可システムをご紹介します！！
Fb0a40e5e7a9dc85520f1646fd41eb44?s=48 higuuu
3
340
テスト自動化を最速で軌道に乗せるために
6f8c7b050e551df51ac90c013eee164f?s=48 nozomiito
0
140
マルチテナントSaaSのカスタム要件に、 Auth0テナントを分割せず向き合う！ / Multi tenant SaaS with Auth0
8e8410eb785755ae2cb485f85dbab6e8?s=48 hiroga
0
110
Dangerous attack paths: Modern Development Environment Security - Devices and CI/CD pipelines
Dc03bf56cb3157b6036f9818593d7e40?s=48 rung
PRO
0
150
ECS on EC2 で Auto Scaling やってみる！
5a6e159c3f74fb7bd85e62efe5f34e2b?s=48 sayjoy
1
260
Getting Started in Product Management
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
130

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
15
3.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
37
3.3k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenintech
48
2.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
107
16k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
6k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
21
1.4k
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
262
17k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
119
28k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.4k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1.1M

Transcript

  1. ゲーミングソード？（100円ショップの刀を ブロックプログラミングで光らせる） 2021年10月28日 (木) ビジュアルプログラミングIoTLT vol.9 @オンライン 　　豊田 陽介 (

    @youtoy )

  2. 豊田陽介（@youtoy） 自己紹介 普段は、某通信会社勤務 自宅にたくさん ガジェット好き その他 IT系イベント主催、登壇や運営なども 子ども向けの活動いろいろ（IT系以外も） プライベートでの活動 Microsoft

    MVP（2021/10 から） ⇒ のびすけさんと同じカテゴリ

  3. 今日の話題は 「光る刀」

  4. ダイソーで 1本200円で 売られてるおもちゃの刀 もともと、4箇所くらい光る （音も鳴ったりする）

  5. 分解するとこんな感じに LED 4つがつながってたり、 スピーカー・スイッチ等も

  6. 派手に光らせてみる

  7. ゲーミングな光り方にしてみたり MakeCode for micro:bit で LEDテープを制御

  8. IoTでお馴染み「MQTT」を使い映像・音の連動 M5StickC Plus の処理は UIFlow、MQTT で PC の 表示と連動させた形 （PC側は

    JavaScript）

  9. 物理的な部分

  10. 以前からよく使っている LEDテープ 動画でも変化がよく分かる

  11. M5Stack社から出ている LEDテープ

  12. プログラム

  13. MakeCodeのほう（動画1つ目） セットアップ ゲーミングな 色になるやつ 光る LED の 数が変わるやつ

  14. UIFlowのほう（動画2つ目） 7つの色の指定 （RGBそれぞれ） 光る LED の数を 変化させる MQTTの セットアップ ボタン押下で

    Publish メッセージ受信で 処理を実行

  15. UIFlowを使ったほうの 機器構成

  16. M5Stackのコンテスト用に作った構成図 M5Stack Light Sword with Image Effects（光る剣とエフェクト）

  17. MQTTで両デバイスの処理の間をつなぐ M5StickC Plus のボタン押下 p5.js での アニメーション LEDテープを 光らせる処理

  18. 100円ショップグッズ、 他にも光らせてみた

  19. お化けのミニバケツ（ハロウィン向け） 良い感じに光を拡散させる グッズだという話＠Twitter を見かけて

  20. MakeCodeでの実装内容 セットアップ ゲーミングな 色になるやつ 時間経過で色を 変化させる

  21. 【告知】 イベント・コンテスト

  22. 詳細はこちら 告知： ヒーローズ・リーグの VUI賞 「音声での入力・出力のどちらか、または両方が可能な作品」を 　募集中！ ⇒ 11/15 〆切 ヒーローズ・

    リーグについて VUI賞 について

  23. ビジュアルプログラミング交流会 再来週 11/2（火）19:30 から（視聴は YouTube にて）

  24. 終わり！