you @youtoy Twitter profile

Pinned Tweet

you

2 years

【両手で透明マント的なエフェクト】前に #p5js と #MediaPipe Hands（JavaScript版）を使って試作した、透明マント的なエフェクト。透明になる領域を大きくしたら見え方がどうなるかな、と思って、透明になる領域を片手ではなく両手で作る形にしてみた。 #MadeWithTFJS #TensorFlow #TensorFlowJS

11

234

2K

Last Seen Profiles

@CreamEU

@stwmaniax

@HanaeHoyam76435

@mche0229_MR2

@HaguraEri26420

@cukienaknikmati

@bokeplokalmalam

@lovedinobots

@Hairstylist_saa

@ArchAdvicer

@OGyBU6BqAUAF5

@slasoboy58654

@khundavikah

@waltpater

@babeforthewknd

@sahsai18

@MasumuraSa9313

@NeoSkyNeoMopple

@QqaKOc1Sjw10710

@Christophe61355

@AlisiaRaexo

@Ellen_Lynn6105

@atthawut7638741

@wangtam281088

@townofinnisfil

@bcyukonprizes

@CoachTaylor_W

@salaza67466

@acampadaugr

@EJShakUr1

@udin12344566

@xxvraii_

@kris_rann93927

@TERNouvelleAQ

@yuridemn

@miss_jadeyxx

you

@youtoy

1 year

#NT 東京で展示されてたこちら、LED の点灯した部分が、下の方に液体があるような感じの動きでキューブの回転に合わせて動くのが、良いなー。動画冒頭で、iPhone のカメラの設定を調整して、暗めな感じで撮影するようにしてみた。

0

82

470

you

@youtoy

1 year

未踏ジュニアの成果報告会の開場待ちで、東大キャンパスの一画でスマホ・PC で作業していた中、ふと「透明マント/光学迷彩的なエフェクトをやろうかな」と思いついてしまい...w #p5js と #MediaPipe JavaScript版を使って以前試作した、ブラウザで動くやつ #MadeWithTFJS #TensorFlow #TensorFlowJS

0

39

331

you

@youtoy

4 years

Googleさんの MediaPipe Hands のサンプルにちょっと手を加えて、両手の動きや指の距離に合わせて位置・大きさが変わる矩形を重畳させる形で描画してみた！

2

44

324

you

@youtoy

5 months

100均で売っている「空気ポンプ」や「ピコピコハンマー」を、 #p5js の入力に使ってみるというのを試そうとして、まずは、前に別目的で作ってた作品を使った動作テストをやってみる

3

28

272

you

@youtoy

5 months

100均で売っている「空気ポンプ」や「ピコピコハンマー」の空気の吹き出し口にマイクをあて、それらを #p5js の入力に使ってみるというお試しの続き空気ポンプを複数使えるようにし、表示側も前に作ってたビジュアライザーの描画を複数にしてみた！

you

@youtoy

5 months

100均で売っている「空気ポンプ」や「ピコピコハンマー」を、 #p5js の入力に使ってみるというのを試そうとして、まずは、前に別目的で作ってた作品を使った動作テストをやってみる

3

28

272

1

46

262

you

@youtoy

9 months

#p5js のフィルター用シェーダー「createFilterShader()」とカメラ画像を使ったお試し簡素な（10行くらいしかない）シェーダーの処理で、人がいる部分の画像が歪むような見た目をやってみた！簡素な処理のため、人がいないところもデフォルトで歪んでるのだけど、面白い見た目は作れてる気がする！

3

33

282

you

@youtoy

3 years

#Scratch 3.0用の独自拡張、 @jishiha さんが作られた「PoseNet2Scratch」があれば「もしや、ピクトグラムになれるのでは！？」と思いついて、雑に作ってみた結果笑

2

69

247

you

@youtoy

9 months

本日のコンビニ案件のフレキシブルディスプレイ、とりあえず Windows PC につないでみた！

you

@youtoy

9 months

本日の近所のコンビニ案件！こちらの購入に、 #Qiita アドカレのプレゼントカレンダーで受賞していただいた、Amazonギフトカードの一部を使わせていただきました！（ #Vonage Japan さんのカレンダーで受賞した件）モノ作りの活動に活用できればと思います！ #Qiita

1

0

19

2

28

234

you

@youtoy

5 years

今回、出展側として参加してバタバタしていたためか、展示・講師対応の合間に、他のブースを見に行った時など写真や動画を撮るのを忘れてしまっていた中で、手元にあった数少ない中の１つ。螺旋丸を習得した。 #MFTokyo2019

1

53

226

you

@youtoy

1 year

【指でつまんだところから空間をちょっと歪めるエフェクト】 #p5js と #PixiJS の Filter を組み合わせた実装で、ブラウザ上で動作する、Webカメラ映像に適用できるエフェクトを作ってみた！見た目的には、映像上の指でつまんだ場所から、波紋のように拡がっていく見た目のエフェクトを発生させる形

0

13

186

you

@youtoy

10 months

過去に何度か公開されていたこのコンテンツ、2024年版が出ている！ ●機械学習を「社会実装」するということ 2024年版 / Social Implementation of Machine Learning 2024 - Speaker Deck

機械学習を「社会実装」するということ 2024年版 / Social Implementation of Machine Learning 2024

機械学習を「社会実装」する際に待ち受けている罠と、その解決方法の考察 (2024年版) です。今回は、生成AI時代とも呼ばれる昨今において、我々は機械学習プロジェクトをどのように捉え、どのように向き合えばよいか？の羅針盤になる内容を盛り込みました。 ※この資料は、東京大学メタバース工学部リスキリン…

speakerdeck.com

0

32

183

you

@youtoy

1 year

#p5play の物理演算エンジンを使った #p5js の描画が手軽だったので、それを活かして #MediaPipe JavaScript版の Hand landmarks detection との組み合わせ！落ちてくるボールを、板状のもので跳ね返らせて、画面から出て行かないようにする、みたいなやつ #MadeWithTFJS #TensorFlow #TensorFlowJS

2

22

179

you

@youtoy

11 months

X で「ブラウザのウィンドウをスクリーン上で動かした際、それが画面内の描画に影響」「2つのブラウザのウィンドウの一方を動かすと、他方が影響を受ける」という系等の内容が流行ってて、自分も #p5js で雑に試してる件、ウィンドウの動きが描画に影響を及ぼすやつについてボールを複数にしてみた！

you

@youtoy

11 months

X で「ブラウザのウィンドウをスクリーン上で動かした際、それが画面内の描画に影響」「2つのブラウザのウィンドウの一方を動かすと、他方が影響を受ける」という系等の内容が流行ってて、自分も #p5js で雑に試してる件、ウィンドウ間で...というやつの次は、単一のウィンドウでやるほうを試した！

1

4

40

5

22

176

you

@youtoy

2 years

それぞれ、改善前と後の具体例がついてるのが良いな ●プレゼンスライドがみるみる良くなる基本の推敲技術 -事例付き解説-｜石原尚（大阪大学教員）｜note

1

30

169

you

@youtoy

4 years

Googleさんの MediaPipe Hands と p5.js の描画とを組み合わせた仕組みを試していた件の続き。描画周りを p5.js にしたのを活かして、簡単なものですが立方体の描画・回転など、WebGL による 3D表現を試しに組み込んでみました。

4

17

148

you

@youtoy

4 years

ダイの大冒険に出てくる「とっておきの手品 by フレイザード」っぽいことができるWebアプリができてしまった。

7

22

150

you

@youtoy

1 month

Nintendo Switch用の、USB接続の太鼓の達人用コントローラーその太鼓の 4箇所を叩くのに連動して、 #p5js で描画した図形の色が変わる、というのを簡単にテストして成功！このコントローラーが、ブラウザの Gamepad API で動くのは確認済みだったので、p5.js の簡単な描画用の実装と合わせてみた！

you

@youtoy

1 month

@ogimotoki さんの、 #toio を太鼓のコントローラーで操作する動画を見たのは、たしか昨日の夜、そして今、目の前に太鼓のコントローラーがあるのはなぜだろうか？本日の近所のコンビニ案件

2

1

19

3

14

136

you

@youtoy

2 years

【2本の指で作る小さな透明マント的なエフェクト】 #p5js と #MediaPipe hands（JavaScript版）を使って、自分の姿が透明になる透明マント的なエフェクトを作ってみた！ ⇒ 親指と人差し指に囲まれた領域は、自分が透明になり背景が見えるというエフェクト #MadeWithTFJS #TensorFlow #TensorFlowJS

3

25

126

you

@youtoy

22 days

太鼓の達人用コントローラーを叩くと、だんだん自分が透明になっていくのだけど... この太鼓コントローラーと PC を組み合わせて、いろいろ遊んでたら、新機能を発見してしまったかもしれないなｗ思いついたから、勢いで作ってしまった案件（ #p5js と Gamepad API で実装しました）

you

@youtoy

1 month

@ogimotoki さんの、 #toio を太鼓のコントローラーで操作する動画を見たのは、たしか昨日の夜、そして今、目の前に太鼓のコントローラーがあるのはなぜだろうか？本日の近所のコンビニ案件

2

1

19

2

16

127

you

@youtoy

1 year

ゲットしたばかりの「円形ディスプレイ」に #p5js の描画を組み合わせてみるテスト、第二弾（第二弾は、とりあえず静止画的なもの）特に深い意味はないのだけど（？）、緑っぽい背景の上に、縦方向・横方向の線を等間隔に複数描画して、そして三角形 1つと円を 7つほど描画してみた

you

@youtoy

1 year

本日ゲットできた「円形ディスプレイ」、とりあえず #p5js のシンプルな描画を表示させてみるテスト！ Mac の HDMI での映像出力を行い、そこにフルスクリーン表示させた p5.js のキャンバスを表示。とりあえず、キャンバスの中心を原点にした、大きさが時間変化する円のアニメーションを出してみた

1

11

103

2

19

120

you

@youtoy

4 years

会場内で、まずは作品を一つ動作させてる。 #MFTokyo2020 #toio #toiotomo

3

26

119

you

@youtoy

10 months

噂の（？）ダイソーで買える 300円商品の一つ、USB人感センサーケーブルをゲットしてしまった！（写真左上の黒い箱のやつ）

4

16

114

you

@youtoy

1 year

風船🎈

14

1

112

you

@youtoy

1 year

【Microsoft MVP を引き続き】 2021年10月にいただいた Microsoft MVP、これまでと同じ Developer Technologiesカテゴリで再受賞できました。引き続きコミュニティ界隈で、イベントやアウトプットなどの活動をやっていきたいと思います！ #MVPBuzz #MVPAward #Microsoft

3

1

109

you

@youtoy

6 years

Twitterで見かけた、「楽譜から音楽を奏でるアプリ」楽譜スキャナーが楽しすぎる（笑）演奏する楽器を変えたり、テンポを変えたりもできて、いろいろと試したくなります。子ども向け活動で使おうと、自宅にいろいろと楽譜があったのもありw

3

29

108

you

@youtoy

10 months

あけましておめでとうございます！

1

0

103

you

@youtoy

1 year

本日ゲットできた「円形ディスプレイ」、とりあえず #p5js のシンプルな描画を表示させてみるテスト！ Mac の HDMI での映像出力を行い、そこにフルスクリーン表示させた p5.js のキャンバスを表示。とりあえず、キャンバスの中心を原点にした、大きさが時間変化する円のアニメーションを出してみた

you

@youtoy

1 year

会社から帰る途中、近所のコンビニでいったん見送ってたら売り切れになった「円形ディスプレイ」、その再入荷通知を見た時に、サクッとポチってしまってたｗ

3

4

59

1

11

103

you

@youtoy

5 months

100均の「空気ポンプ」「ピコピコハンマー」の空気の吹き出し口にマイクをあて、それを p5.js の入力に使うお試し関連もちろん JavaScript に限らず使えるので、 #Scratch でもやってみた！ただ、元のお試しと違う要素を入れてみたくなり、ポンプを押す強弱（勢い）を区別する仕組みを足してみた！

you

@youtoy

5 months

100均で売っている「空気ポンプ」や「ピコピコハンマー」の空気の吹き出し口にマイクをあて、それらを #p5js の入力に使ってみるというお試しの続き空気ポンプを複数使えるようにし、表示側も前に作ってたビジュアライザーの描画を複数にしてみた！

1

46

262

2

16

92

you

@youtoy

3 years

先日、 #p5js のプログラムにリアルタイム通信の仕組み（WebSocket、MQTT）を試しに組み込んだものを活用して、MacBook と iPad の間でのリアルタイム通信を試した！ MacBook のブラウザと iPad のブラウザの表示領域との間を、動く円が行き来するような表示がされるプログラムを書いてみた。

0

10

90

you

@youtoy

3 years

#toio の上に Joy-Con をのせ、 #toioDo から toio を回転させるという方法で、 #はじめてのゲームプログラミングの中の世界と現実世界をつないでみたw （はじめてのゲームプログラミング側は、かたむきノードンを利用）

1

13

87

you

@youtoy

10 months

今日の日本科学未来館で開催の #xDiversity プロジェクト×日本科学未来館のハッカソン、楽しかったです！自分は、犬や猫をカメラで検出すると、それに応じて #toio が動きで教えてくれる（ #M5Stack 用特製デバイスで音＋振動も使いつつ）というのを作ってみまし。時間内で出来上がって良かった！

you

@youtoy

10 months

日本科学未来館で開催の、 #xDiversity プロジェクト×日本科学未来館のハッカソンが始まった！内容は「さわってあそぶ! 機械学習おもちゃハッカソン」で、 #toio と #M5Stack が絡むのもあり楽しそうです。 M5Paper の電子ペーパー名札と、バグ除け御守りも準備した！

0

16

1

18

85

you

@youtoy

5 years

#MA_FESTA に来て、 #GUGEN2019 の浮く全自動ルービックキューブを目の前で。

0

33

83

you

@youtoy

3 years

#MediaPipe Face Mesh で虹彩の位置がとれるようになったのを試していた件の続き！また MediaPipe JavaScript版＋ #p5js という構成でバーチャルキャラクター的なものを。目・口の周りのキーポイントの情報も足して、バーチャルな目と口を重畳してみたというものです！ #TensorFlow #TensorFlowJS

2

15

82

you

@youtoy

2 years

【出版社さんから単著の技術書（ #TeachableMachine の本）が出ます！】来月 7月発売予定で「Teachable Machine」による機械学習というタイトルの本が出る予定です！出版社さんから出る単著の書籍は、人生初になります。（出版者さんから出た共著の本だと、3月に出た M5Stack の本が初）

7

12

81

you

@youtoy

3 years

【ver.4 で人の目・口の動きなどと連動！】ここ最近、ver.1 〜 ver.3 と試作したものを投稿していた、 #p5js と猫のイラストで VTuber的なことをやろうとしていたものの続きです。 #MediaPipe Holistic による画像認識を組み合わせて、人の動きとイラストのアニメーションとを連動させることに成功！

1

7

80

you

@youtoy

1 year

#p5play の物理演算エンジンを使った、 #p5js と #MediaPipe JavaScript版の Hand landmarks detection とを組み合わせたゲーム（？）ver.2！板状のものの長さを、指先の座標間に合わせるのではなく、固定してみた（そのほうが遊びやすそうな感じがする） #MadeWithTFJS #TensorFlow #TensorFlowJS

you

@youtoy

1 year

#p5play の物理演算エンジンを使った #p5js の描画が手軽だったので、それを活かして #MediaPipe JavaScript版の Hand landmarks detection との組み合わせ！落ちてくるボールを、板状のもので跳ね返らせて、画面から出て行かないようにする、みたいなやつ #MadeWithTFJS #TensorFlow #TensorFlowJS

2

22

179

0

12

77

you

@youtoy

1 month

今日・明日のメーカーフェア東京の出展ブースには関係しないやつだけど、 #p5js の createFilterShader() を使った、フラグメントシェーダーでの描画処理直近で作ってたもので、ポストしてなかったやつ回転して上昇するパーティクルを noise() を使って試作してたけど、全く別の実装での、炎の上昇

you

@youtoy

2 months

直近では、noise() を使った描画を連続して作ってポストしてたけど、今回は noise() は入ってないもので上昇・回転する力を受けて舞う、パーティクルの描画！ #p5js

0

3

17

2

10

83

you

@youtoy

3 years

昨日、Microsoft MVP（Developer Technologies）の連絡を受領し、今日の午前で手続き等を進め、公式ページに掲載されました。　コミュニティ活動でご一緒する皆さまなど、たくさんの方のおかげです！引き続き、コミュニティ界隈で活動していきたいと思います！ #MVPBuzz

5

4

78

you

@youtoy

1 year

保育園での子どもたち向けのイベント用に、準備したネタの中の 1つ。ダイソーで材料を仕入れて工作をして、その後の仕上げもすませて、こんな感じに仕上がった！（ネットで「マジックシアター」とかのキーワードで検索すると出てくるものです）

1

78

you

@youtoy

3 years

ダイソーの刀の改造の続き、 LEDテープが単色で順番に光るようにした後、ボタン操作で虹色になったり消えたり、などという動作もさせてみました！そして、持ち手の中身の部分を一生懸命削っていって、LEDテープは持ち手の下の部分から出るような配置ができるようになりました。

2

20

77

you

@youtoy

9 months

手から炎を発生させる能力を身につけた気になれるかもしれない Webアプリ！ #p5js のフィルター用シェーダー「createFilterShader()」（フラグメントシェーダーだけ用意すれば良いやつ）でのカスタムシェーダーで、ゆらめく炎みたいな見た目のものを作ってたものを、カメラ画像表示などと組み合わせる

you

@youtoy

9 months

#p5js のフィルター用シェーダー「createFilterShader()」を使った試作。フラグメントシェーダーの処理を書いて、ゆらめく炎みたいな見た目のものを作ってみた！

1

2

24

3

6

76

you

@youtoy

3 years

ダイソーの刀を光らせる話のその後、 LEDテープを制御するデバイスを M5StickC Plus に変更し、さらに MQTT での PC連携を追加して映像エフェクトをつけてみました！（PC側の映像・音の処理には p5.js を利用、LEDテープの制御は UIFlow でプログラムを作成） #M5Stack #p5js #M5Stack_contest_2021

4

13

75

you

@youtoy

3 years

ラズパイの Pico を、ビジュアルプログラミングで扱える話！？

Raspberry Pi

@Raspberry_Pi

4 years

Introducing Piper Make: a Raspberry Pi Pico-friendly drag-n-drop coding tool that’s free for anyone to use. Have a play:

6

82

294

3

10

72

you

@youtoy

3 years

#p5js を使って、ジェスチャーで空中に浮いた UI を操ってるっぽい感じの見た目にするテスト。（操ってる感、出てるかな...）本当は UI の部分を良い感じにしたいけど、力量と時間が足りないため、今は適当な感じで。

2

3

71

you

@youtoy

2 years

ダイソーのマスコットキーホルダーを #toio で走らせる仕組み、前の簡易な移動ロジックを、少しだけ複雑にして（といっても、まだブロック数は少なめにおさえた）、それを iPadアプリ版の方の #toioDo で作成して動かしてみました！今日の午前の、武蔵小杉での #CoderDojo の会場にて。

1

10

70

you

@youtoy

1 year

先日、Twitter で動画を見かけてポチった「手の上で跳ねさせてると、勝手に鶴などが折れたりする布」が届いたので試してみる！オンラインショップに 8種類くらいあったけど、ポチったのは「赤い布が折り鶴になるもの」と「青い布がペンギンになるもの」の 2つで、試している様子を動画に撮ってみた！

1

11

69

you

@youtoy

1 year

@pscmps Googleさんの Teachable Machine ですね！完全ローカルでないパターンは、APIというより、機械学習モデルをクラウドに保持してもらい、それをローカル処理で扱う形になるかと思います。余談ですが、こんな本があったりしますw

「Teachable Machine」による機械学習 (I/OBOOKS)

「Teachable Machine(ティーチャブルマシン)」は、Google社が無料で提供している「機械学習ツール」です。「Teachable Machine」のサイトにブラウザからアクセスするだけで利用できるため、ハイスペックなPC環境がなくても機械学習を体験できます。本書では、「画像」「音声」「ポーズ」を判別する機械学習モデルの作成を通して、「Teachable Machine」の...

www.amazon.co.jp

1

9

68

you

@youtoy

1 year

#p5js の描画＋「円形ディスプレイ」の組み合わせで、p5.js で作った過去作品の中の、ちょうど良い表示ができそうなものを探してみる。ぱっと思いついたものの 1つが、ユニコード文字のルーン文字や、グローエフェクトを組み合わせて作った魔法陣っぽい描画で、試してみたらこんな感じになった！

2

10

67

you

@youtoy

2 years

ポータブル量子コンピュータ！！ ●世界初「ポータブル量子コンピュータ」が発売。2量子ビットで118万8,000円より - PC Watch

世界初「ポータブル量子コンピュータ」が発売。2量子ビットで118万8,000円より

　株式会社スイッチサイエンスは、中国・深センのSpinQ Technologyが開発した世界初となるポータブル量子コンピュータ「Gemini Mini」、「Gemini」、「Triangulum」を直販サイトにて発売開始した。

pc.watch.impress.co.jp

2

17

67

you

@youtoy

1 year

おもちゃショーでゲットした某ダイヤの剣と #p5js を使い、2日遅れの #minacoding 9日目「青をテーマにした作品」 HSB色空間上で、それら 3つの要素を判定条件にして、剣の色を青く変え、少し軌跡に残像が残るようにもしてみた（一緒に試した赤への変化のほうが、視認しやすかったりするのだけどｗ）

you

@youtoy

1 year

今日のビッグサイトでのおもちゃショーで、唯一ゲットしたアウトレット品。見た目的に色や形状など、カメラ画像からの検出がしやすいかな？という何となくな感覚で買った品です。入場特典の割引券も使って、販売価格の三分の一くらいで買えました。

1

0

12

1

4

66

you

@youtoy

2 years

【昨年10月受賞の Microsoft MVP（カテゴリ：Developer Technologies）を引き続き】再受賞された方のツイートが出ている中、自分は期間継続という形ですが、タイミングを合わせて。　引き続きコミュニティ界隈での活動など、いろいろ続けていきたいと思います！ #MVPBuzz

0

1

66

you

@youtoy

2 years

え、これつぶやきProcessing！？なんで、ツイートの文字数におさまる #p5js のプログラムで、この見た目ができるんだ？と混乱しているｗ（そして、p5.js Web Editor にはりつけて動かしたら、もちろん同じものが生成された）

ア

@yuruyurau

2 years

$=[] draw=_=>{$[0]??createCanvas(540,540);background(0,9);$=$.map((v,i)=>stroke(i,i/3,i/5).point(v.copy().add(2,1.6).mult(135))+v.add(sin(v.y*(r=(v.x*2+2.5^v.y+2)*8))/90,cos(v.x*r)/90))[2e3]?$.slice(-1980):[...$,...[...Array(20)].map(p5.Vector.random3D)]} // #つぶやきProcessing

5

211

1K

1

21

65

you

@youtoy

4 years

MQTTを利用し、PC上で動くOBSのシーンの切り替え操作を、他デバイスから制御してみた！ UIFlowでプログラムを書いたM5GOと、JavaScriptで処理を書いたWebサイトを表示したスマホの、2つのデバイスを操作し、3つのシーンを切り替えてみました。

0

8

64

you

@youtoy

3 years

#MediaPipe Face Mesh に「Refine Landmarkオプション」が追加され、虹彩の位置がとれるようになった件、自分がよく使っている MediaPipe JavaScript版＋描画で #p5js という構成のもので、認識精度のテスト！良い感じに、虹彩の位置（左右で 5点ずつ）がとれてるぞ！ #TensorFlow #TensorFlowJS

0

8

65

you

@youtoy

3 years

以前、 #p5js とリアルタイム通信（MQTT）を使って、異なる 2つのデバイスの画面を仮想的につなげてた件の続き、最近手を出し始めた物理演算エンジン（p5-matter ＋ Matter.js）を組み込んでみました！ 2台の iPad の画面間でボールが行き来するのですが、2つの画面で物理演算エンジンが働いてます。

0

8

64

you

@youtoy

3 years

今、ふと JavaScript版 #MediaPipe Hands の公式デモサイトを開いたら、Pose のほうでは途中から実装済みだった、画面右上の 3次元的な位置表示が増えてる！ #TensorFlow #TensorFlowJS

1

7

62

you

@youtoy

2 years

#OMMF2022 の 1日目、来場者や展示をされてる方から「Qiita の記事、読んでます！」という声がけをされるパターンと、「Twitter で光学迷彩/透明マントとかやってた人ですよね」といった声がけをされるパターンがあり、とてもありがたいです！それぞれ記事執筆や作品作りをする原動力になります！！

you

@youtoy

2 years

【両手で透明マント的なエフェクト】前に #p5js と #MediaPipe Hands（JavaScript版）を使って試作した、透明マント的なエフェクト。透明になる領域を大きくしたら見え方がどうなるかな、と思って、透明になる領域を片手ではなく両手で作る形にしてみた。 #MadeWithTFJS #TensorFlow #TensorFlowJS

11

234

2K

1

11

62

you

@youtoy

8 months

正式版になった UIFlow 2.0 と、 #M5Dial の組み合わせで、簡単なブロックのプログラムを作って動作確認！ #UIFlow2 #UIFlow #M5Stack

1

7

61

you

@youtoy

2 years

昨日・今日の #toiotomo ブースでの #toio の展示には使ってないけど、普段よく使っている #MediaPipe の JavaScript版と #p5js 。それらを組み合わせて作った、ブラウザで動く光学迷彩／透明マントのアプリを、会場の入り口付近の風景を使った映像になるようにして、朝の準備開始前に動かしてみた！

0

3

61

you

@youtoy

7 months

昨年、発明BAR で体験させていただいた @seevua さんの「顔面スマホシールド」その時は #カズヤシバタさんにスマホを落としてもらってたのですが、今日の #SNACKS_TOKYO Vol.0 では自分でスマホを落とすパターンで体験！自分で落としてるのに、落下の瞬間はやはり怖いｗ（顔は無事守られました）

you

@youtoy

7 months

#SNACKS_TOKYO Vol.0関連の動画、こちらはモノ作り界隈でご一緒することがある @seevua さんの展示！自分が作品を体験をさせてもらった動画も別にあるのですが、この投稿の2つは、 #カズヤシバタさんが 2作品の解説などしてくださったもの！周りでご一緒した皆さんと、楽しい体験ができました！

0

1

5

2

7

60

you

@youtoy

1 year

X でフォローいただいてる方、いつの間にか 4500人をこえてたガジェット買ったとか、面白そうな技術を見つけて触ってみたとか、そんなポストが多めなアカウントですが、そういった自分の好きなものや、プライベートの技術コミュニティ界隈での話のポストなど、引き続きやっていければと思います！

0

58

you

@youtoy

3 years

●Googleが大量の機械学習用データベースを無料公開してた - Qiita

0

8

58

you

@youtoy

1 year

会社から帰る途中、近所のコンビニでいったん見送ってたら売り切れになった「円形ディスプレイ」、その再入荷通知を見た時に、サクッとポチってしまってたｗ

3

4

59

you

@youtoy

1 year

#NT 東京で動画を撮ってたけど、アップできてなかったものがいくつか。先ほどのものとは別のもので、アイロンビーズで作られた宝箱！一つ目の動画が、作品を動かした時の様子で、二つ目の動画は、その作品が動く仕組みが分かりやすいよう、手動で動かしてもらってる時の動画です！

1

10

58

you

@youtoy

4 years

近所のコンビニに立ち寄ったら（略

0

4

56

you

@youtoy

2 years

以前、SVGフィルターと #p5js で実装したことがあった溶ける見た目のエフェクト（Goony Effect）、そのエフェクトを、SVGフィルターを使わず、色の合成で行う方法があるのを知り、試しに実装してみた。そして、すぐにはうまくいかず、試行錯誤を続けてみて、ようやく完成させられた！

0

6

57

you

@youtoy

6 years

そして、iOS 12のコントロールセンター呼び出しは、上部からの斜めスワイプになったようです。あと、コントロールセンターに表示されるメニューも一部変更が。

3

28

54

you

@youtoy

10 days

#p5js の createFilterShader() を使ったフラグメントシェーダーと画像フィルタを、Webカメラの映像に対して適用する試作！水滴のアニメーションの描画をシェーダーで行う例を、 Web で調べて参考にしつつ、それに手を加えてインタラクション要素を加えたりさらにブラーフィルタも足す形にしてみた

2

56

you

@youtoy

1 year

学校の先生が、快く提供してくれたという机。そして最初は綺麗な机を持ってきてくれたけど、もっと使い古されたやつを、とかえてもらったらしい。貼ってるシールは自作で、レトロ感を出す工夫をしてるとのこと。使い古された机にすごくマッチしてる！ #NT 金沢

0

18

54

you

@youtoy

2 years

【光学迷彩・透明マント的エフェクト改？】以前、 #p5js と #MediaPipe Hands（JavaScript版）で試作したエフェクト。思いつきで見た目をミニアップデート！隠すエフェクトに目立つグローエフェクト？、と思ったけど、実装してみたくなったので試した！ #MadeWithTFJS #TensorFlow #TensorFlowJS

3

6

55

you

@youtoy

9 months

横浜ハンマーヘッドで魔改造なブースに出展されてる作品のうち、縄跳びをするマシーンのデモが行われていた時の様子 @FoopingTech さんも対応されている #YOXOFESTIVAL

1

9

55

you

@youtoy

10 months

以前、 #MediaPipe JavaScript版での虹彩検出や #p5js のベジエ曲線を使って、万華鏡写輪眼を開眼できる Webアプリをテスト実装していた件。そこに、簡易な座標計算で、視線を示す直線の描画を重畳してみた。簡易な計算の割には、良い感じの推定ができている感じがする！

you

@youtoy

1 year

#MediaPipe JavaScript版の旧版で実装してた虹彩検出を、新版の MediaPipe に移植したのと、 #p5js のベジエ曲線を使った描画をやってたのを統合して、万華鏡写輪眼を開眼できる Webアプリのテスト実装重畳のエフェクトとか色合いの工夫が必要そうｗ（左上にベジエ曲線で描画した画像も表示）

3

1

16

2

6

54

you

@youtoy

3 years

Twitter、フォローいただいた方の人数が3000人を超えてました。フォローの際に、ツイートしてる技術系の記事やお試し動画にリアクションいただきつつ、というパターンが多いので、その方向で興味を持っていただいくのが多いようです。引き続き、技術系の発信を行なっていければと思います！

0

54

you

@youtoy

6 months

以前試作してた #p5js の createFilterShader() でのカスタムシェーダーと、 #MediaPipe とを組み合わせた、指先にまとわせるグローエフェクト以前は、片手の 5本の指に描画してみていたのを、今回は両手の 10本の指に対応できるように変えてみた #MadeWithTFJS #TensorFlow #TensorFlowJS

you

@youtoy

8 months

#p5js の createFilterShader() でのカスタムシェーダーで作ったグローエフェクトそれを片手の 5本の指にそれぞれまとわせる描画をした上で、カメラの前で両手をいろいろ動かしてみてたら、面白い見た目が作れた！例によって #MediaPipe との組み合わせ #MadeWithTFJS #TensorFlow #TensorFlowJS

0

2

31

0

3

54

you

@youtoy

8 months

この前の #UIFlow 2.0 と #M5Dial を組み合わせたお試しに、MQTT の処理を追加してみるさらに、その MQTT の処理で、ダイヤルの回転が #p5js のキャンバスの背景色・描画した線の向きに影響を及ぼすようにもしてみた #UIFlow2 #M5Stack

you

@youtoy

8 months

正式版になった UIFlow 2.0 と、 #M5Dial の組み合わせで、簡単なブロックのプログラムを作って動作確認！ #UIFlow2 #UIFlow #M5Stack

1

7

61

1

10

53

you

@youtoy

2 years

「専門家に聞いてみた」の部分、音響系の先生にインタビューされてる部分のやりとりの内容（吸音・遮音の話）が、興味深かったです。 ●部屋で音漏れを気にせず歌える！？約1万3千円で、大学生に優しい防音室を1日で作ってみた | Kindai Picks

0

13

53

you

@youtoy

2 months

3D の地球の描画や、データを可視化したものの描画ができる「Gio.js」を、 #p5js の 2D描画と組み合わせるというお試しをやってみた！ p5.js 側の 2D描画は、透過処理した円を斜めに動かすだけ、というシンプルなものにして、とりあえずの動作確認！

2

4

53

you

@youtoy

1 year

対面はおそらく、コロナ禍前の Maker Faire Tokyo の懇親会でお会いして以来？ #M5Stack の Jimmy Lai さんと、 #MFKyoto2023 の会場で久しぶりに！そして、各種イベントで大活躍の M5Paper名札（今回用の #子どもプログラミング喫茶ロゴの入ったバージョン）を手に持っていただきつつ写真を。

1

5

52

you

@youtoy

4 months

こちら、先ほどの内容の ATOMS3 を M5 Din Meter に置きかえたバージョン！（ソースは書きかえなしで、Arduino IDE の設定の一部のみ、ほんの少し変更） #toio #M5Stack

you

@youtoy

4 months

@kenichih さんが、元あったものをフォークして手を加えられた、 #toio を #M5Stack で扱うライブラリの「kenichi884/M5StackToio」そのサンプルの「multi_corecube_test.ino」を使って、4台の toio を ATOMS3 で操るテスト！サンプルそのままだけど、これは楽しいｗ

1

3

19

0

7

49

you

@youtoy

2 years

Stretch3 の Facemesh2Scratch で、謎なものを作ってしまったw （思っていた感じのと、ずいぶん違いがある...）

4

5

50

you

@youtoy

1 year

2019年の #MA_FESTA での #GUGEN2019 で初めて見て、またぜひ見たいと思っていた浮遊する全自動ルービックキューブ。 #NT 東京 2023 で、また出会えた！！

you

@youtoy

5 years

#MA_FESTA に来て、 #GUGEN2019 の浮く全自動ルービックキューブを目の前で。

0

33

83

1

10

50

you

@youtoy

3 years

リアルタイムなカメラ映像の一部をデジタルズームしてみるテスト(実装は #p5js )。 #MediaPipe Selfie Segmentation のお試しをやった時にあれこれ実装した p5.js の処理を使うと、前に Twitter で見かけた @rtr_dnd さんのツイートに出てきてた表示の仕組みを実現できそうでは？と思って試したやつ。

1

3

49

you

@youtoy

3 years

あけましておめでとうございます

0

49

you

@youtoy

9 months

Vanta.js の #threejs 依存になる描画の 1つ「BIRDS」を #p5js のキャンバスに取り込んで、p5.js側で取得したカメラ画像との重畳を試した！そして、Vanta.js の描画を透明にして重畳するのと、blendMode() を変更して合成するのを、途中で動的に切り替えて見た目がどうなるかも確認してみたりなど。

2

7

49

you

@youtoy

4 years

見始めると止まらなくなりそうなやつ。 ●年末年始におすすめ。NetflixやAmazonプライム・ビデオで観られる面白い作品を選んでみた【最新版】 | ハフポスト

アマプラやネットフリックスで配信されている映画・ドラマ・アニメから厳選。海外ドラマから、『呪術廻戦』『今際の国のアリス』など日本の話題作まで。

www.huffingtonpost.jp

0

3

49

you

@youtoy

2 years

こんな楽しそうな記事が出てたのか！見落としてた ●JSでクリエイティブコーディング - テキストを分解しパーティクルにする演出 - ICS MEDIA

JSでクリエイティブコーディング - テキストを分解しパーティクルにする演出 - ICS MEDIA

パーティクルとは粒子のこと。パーティクルを表現に取り入れると、印象的な演出に役立ちます。JavaScriptやWebGLを使うことで、ウェブの技術でもパーティクル表現の制作が可能です。本記事では題材にパーティクル表現の制作に役立つアイデアや着眼点を紹介します。

ics.media

0

8

48

you

@youtoy

2 years

M5Station-BAT を起動してみる #M5Stack

0

2

48

you

@youtoy

3 years

出版社から出る技術書で、自分の名前が著者名にのるものは初！この #M5Stack の本で自分は作例を書いていて、内容は #UIFlow ＋ネット通信関連になります。コミュニティ界隈でよくご一緒する方もたくさん共著者に、というこの本。 Amazon のページで、書影もでました！

アイデアをカタチにする! M5Stack入門&実践ガイド[M5Stack Basic/M5StickC対応]

www.amazon.co.jp

1

12

46

you

@youtoy

3 years

Googleスプレッドシートの内容を簡単に API化してくれるサービス、試してみた！ ●APIの利用方法　 ●スプレッドシートの書き方

2

10

49

you

@youtoy

5 years

先日参加した de:code で聞いた話の中の「VS Code Remote Development」を試してみた内容を記事にしてみました。 ● #decode19 #DT06 ：Remote Development（コンテナ）を試してみる｜豊田陽介｜ #note

#decode19 #DT06 ：Remote Development（コンテナ）を試してみる｜豊田陽介

今回、Microsoftさんのイベント「de:code 2019」に初めて参加してきました。この記事は、そこで気になったものを試してみた、という内容です。今回の記事に関するセッション今回の記事に関係する、自分が参加したセッションはこちらです。【DT06】どっちの VS ショー〜伝統の Visual Studio 2019、人気の Visual Studio Code〜　https:...

note.com

2

17

49

you

@youtoy

9 months

#p5js の createFilterShader() でのカスタムシェーダーによるグローエフェクトを、 #p5play の物理演算エンジンと組み合わせてみた！以前の試作で、p5play を使い円弧の形状の床を転がる円を描画したものを使ってみた（一定の時間間隔で出現して、出現する時間間隔は画面クリックで動的に変更可能）

0

5

48

you

@youtoy

2 years

Twitter でフォローいただいてる方の人数、4000人を超えてた！引き続き、技術・教育・アートな方向などなど、興味深い内容／面白そうなネタとか、試作してみたものなど、ツイートできればと思います！

0

48

you

@youtoy

1 year

#p5play の物理演算エンジンと #p5js の描画、それと #MediaPipe JavaScript版の Hand landmarks detection による機械学習での画像認識とを組み合わせた試作以前作ったものを、ハロウィン仕様にしてみた！（ボールの時と、挙動が変わった気がするｗ） #MadeWithTFJS #TensorFlow #TensorFlowJS

you

@youtoy

1 year

#p5play の物理演算エンジンを使った、 #p5js と #MediaPipe JavaScript版の Hand landmarks detection とを組み合わせたゲーム（？）ver.2！板状のものの長さを、指先の座標間に合わせるのではなく、固定してみた（そのほうが遊びやすそうな感じがする） #MadeWithTFJS #TensorFlow #TensorFlowJS

0

12

77

0

8

48

you

@youtoy

2 years

【 #p5js で擬似ホログラム】擬似ホログラムなどと紹介されたりもする、ペッパーズ・ゴーストという視覚トリックを用いた投影。ピラミッド型の投影面は、100円ショップで買ってきた透明下敷きをテープで貼り合わせて作り、 4面それぞれに対応した映像投影は、p5.js Web Editor上で作ってみた！