Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ゲーミングソード?(100円ショップの刀をブロックプログラミングで光らせる) / Visual...
Search
you(@youtoy)
PRO
October 28, 2021
Technology
0
260
ゲーミングソード?(100円ショップの刀をブロックプログラミングで光らせる) / Visual Programming IoTLT vol9
you(@youtoy)
PRO
October 28, 2021
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
ブラウザのAPIで Nintendo Switch用の特殊なゲーム用コントローラーを体験型コンテンツに / IoTLT @ストラタシス・ジャパン
you
PRO
0
82
ローカルLLMとLINE Botの組み合わせ その2(EVO-X2でgpt-oss-120bを利用) / LINE DC Generative AI Meetup #7
you
PRO
0
110
生成AIとM5Stack / M5 Japan Tour 2025 Autumn 東京
you
PRO
0
270
子ども向けの活動や自身のモノづくり活動などでやったこと / micro:bit ファンの集い
you
PRO
0
13
ブラウザのAPIで色々なデバイスをあれこれ扱ってみた話(主にWeb HID API) / IoTLT @JLCPCB オープンハードカンファレンス
you
PRO
0
130
ヒーローズ・リーグの応募作品で使ったデバイス・アイテム・ライブラリなど / #ヒーローズリーグ 2025 開発素材LT
you
PRO
0
40
最近発売された端末+UIFlow 2.0の組み合わせ(+1.0の話)をUSB接続で / ビジュアルプログラミングIoTLT vol.21
you
PRO
0
100
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
210
ブラウザで CircuitPython の開発:公式の「CircuitPython Code Editor」を試した / 【屋形船開催】IoT縛りの勉強会! IoTLT vol.126 @東京湾
you
PRO
0
140
Other Decks in Technology
See All in Technology
あなたの知らない Linuxカーネル脆弱性の世界
recruitengineers
PRO
3
110
Azureコストと向き合った、4年半のリアル / Four and a half years of dealing with Azure costs
aeonpeople
1
230
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
14k
「最速」で Gemini CLI を使いこなそう! 〜Cloud Shell/Cloud Run の活用〜 / The Fastest Way to Master the Gemini CLI — with Cloud Shell and Cloud Run
aoto
PRO
0
130
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
フレームワークを意識させないワークショップづくり
keigosuda
0
220
20251014_Pythonを実務で徹底的に使いこなした話
ippei0923
0
220
組織改革から開発効率向上まで! - 成功事例から見えたAI活用のポイント - / 20251016 Tetsuharu Kokaki
shift_evolve
PRO
1
200
WEBサービスを成り立たせるAWSサービス
takano0131
1
190
難しいセキュリティ用語をわかりやすくしてみた
yuta3110
0
340
CoRL 2025 Survey
harukiabe
1
230
HR Force における DWH の併用事例 ~ サービス基盤としての BigQuery / 分析基盤としての Snowflake ~@Cross Data Platforms Meetup #2「BigQueryと愉快な仲間たち」
ryo_suzuki
0
250
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
The Language of Interfaces
destraynor
162
25k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Six Lessons from altMBA
skipperchong
29
4k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
510
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
630
The World Runs on Bad Software
bkeepers
PRO
72
11k
Visualization
eitanlees
149
16k
Statistics for Hackers
jakevdp
799
220k
Transcript
ゲーミングソード?(100円ショップの刀を ブロックプログラミングで光らせる) 2021年10月28日 (木) ビジュアルプログラミングIoTLT vol.9 @オンライン 豊田 陽介 (
@youtoy )
豊田陽介(@youtoy) 自己紹介 普段は、某通信会社勤務 自宅にたくさん ガジェット好き その他 IT系イベント主催、登壇や運営なども 子ども向けの活動いろいろ(IT系以外も) プライベートでの活動 Microsoft
MVP(2021/10 から) ⇒ のびすけさんと同じカテゴリ
今日の話題は 「光る刀」
ダイソーで 1本200円で 売られてるおもちゃの刀 もともと、4箇所くらい光る (音も鳴ったりする)
分解するとこんな感じに LED 4つがつながってたり、 スピーカー・スイッチ等も
派手に光らせてみる
ゲーミングな光り方にしてみたり MakeCode for micro:bit で LEDテープを制御
IoTでお馴染み「MQTT」を使い映像・音の連動 M5StickC Plus の処理は UIFlow、MQTT で PC の 表示と連動させた形 (PC側は
JavaScript)
物理的な部分
以前からよく使っている LEDテープ 動画でも変化がよく分かる
M5Stack社から出ている LEDテープ
プログラム
MakeCodeのほう(動画1つ目) セットアップ ゲーミングな 色になるやつ 光る LED の 数が変わるやつ
UIFlowのほう(動画2つ目) 7つの色の指定 (RGBそれぞれ) 光る LED の数を 変化させる MQTTの セットアップ ボタン押下で
Publish メッセージ受信で 処理を実行
UIFlowを使ったほうの 機器構成
M5Stackのコンテスト用に作った構成図 M5Stack Light Sword with Image Effects(光る剣とエフェクト)
MQTTで両デバイスの処理の間をつなぐ M5StickC Plus のボタン押下 p5.js での アニメーション LEDテープを 光らせる処理
100円ショップグッズ、 他にも光らせてみた
お化けのミニバケツ(ハロウィン向け) 良い感じに光を拡散させる グッズだという話@Twitter を見かけて
MakeCodeでの実装内容 セットアップ ゲーミングな 色になるやつ 時間経過で色を 変化させる
【告知】 イベント・コンテスト
詳細はこちら 告知: ヒーローズ・リーグの VUI賞 「音声での入力・出力のどちらか、または両方が可能な作品」を 募集中! ⇒ 11/15 〆切 ヒーローズ・
リーグについて VUI賞 について
ビジュアルプログラミング交流会 再来週 11/2(火)19:30 から(視聴は YouTube にて)
終わり!