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)
AIエージェント開発用SDKとローカルLLMをLINE Botと組み合わせてみた / LINEを使ったLT大会 #14
you
PRO
0
16
ブラウザで CircuitPython の開発:公式の「CircuitPython Code Editor」を試した / 【屋形船開催】IoT縛りの勉強会! IoTLT vol.126 @東京湾
you
PRO
0
110
公開初日に個人環境で試した Gemini CLI 体験記など / Gemini CLI実験レポート
you
PRO
3
2.5k
Webの技術とガジェットで那須の子ども達にワクワクを! / IoTLT_20250720
you
PRO
0
140
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
2.5k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
170
総額200円の入力インターフェースで年齢問わず楽しめる体験型展示 / エンジニアの自由研究発表会vol.10
you
PRO
0
300
Node−RED で Ollama を使ったローカルLLM(node-red-contrib-ollamaを利用) / ビジュアルプログラミングIoTLT vol.20
you
PRO
0
230
AIエージェント開発や最新の生成AIのAPI利用などJavaScriptで色々やってみる / IoTLT vol.123
you
PRO
0
130
Other Decks in Technology
See All in Technology
AI時代にPdMとPMMはどう連携すべきか / PdM–PMM-collaboration-in-AI-era
rakus_dev
0
280
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
150
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
550
ヘブンバーンズレッドのレンダリングパイプライン刷新
gree_tech
PRO
0
550
AIのグローバルトレンド2025 #scrummikawa / global ai trend
kyonmm
PRO
1
240
2025年にHCP Vaultを学び直して見えた景色 / Lessons and New Perspectives from Relearning HCP Vault in 2025
aeonpeople
0
200
Kiroと学ぶコンテキストエンジニアリング
oikon48
6
8.9k
ヒューリスティック評価を用いたゲームQA実践事例
gree_tech
PRO
0
540
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
soneo1127
0
290
Snowflakeの生成AI機能を活用したデータ分析アプリの作成 〜Cortex AnalystとCortex Searchの活用とStreamlitアプリでの利用〜
nayuts
0
290
テストを軸にした生き残り術
kworkdev
PRO
0
170
AI駆動開発に向けた新しいエンジニアマインドセット
kazue
0
220
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Making Projects Easy
brettharned
117
6.4k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Producing Creativity
orderedlist
PRO
347
40k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Designing for Performance
lara
610
69k
Bash Introduction
62gerente
615
210k
Code Reviewing Like a Champion
maltzj
525
40k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
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 にて)
終わり!