#NT函館 の会場 2階の 30分枠から展示ができるブースで、
13:30 から 14:30 まで光学迷彩・透明マント的な体験ができる Webアプリを展示してます！
#p5js #MediaPipe
#MadeWithTFJS #TensorFlow #TensorFlowJS
#NT函館 の、現地申込みで 30分の枠から展示できるブース（2階にあるブース）
13:30から14:30 の 2枠分を申し込んでみた！
（自宅からの移動前にこの情報を見かけていて、少し機材を現地に持ち込んでたり）
1
5
1,044
27 Jun 2024
3
2
27
1,646
音楽を聴きながらの #minacoding June 1 を引き続き
#p5js の WEBGLモードを使った試作で、マウスを使ったインタラクションだった内容を、
#MediaPipe の Hand landmarks detection を使ったインタラクションになるように変更してみた！
#MadeWithTFJS #TensorFlow #TensorFlowJS
#p5js の WEBGLモードを使った試作の続き
黒い線を構成する 2点は、奥側は固定された点で、手前側は X・Y座標が mouseX・mouseY に連動する点（Z は固定）というのは前と同じで、
それと連動する線を 4本に増やしてみた（線の太さは上記の 2つの点の距離に連動するのは前と同じ）
#minacoding
2
21
1,926
前から知ってたものの、使ってみたのは最近、という #MediaPipe の landmarks などの z座標
その座標情報を使って「手のひらに対する同一平面・垂直方向」を計算し、 #p5js の WEBGLモードでの 3D座標を使った描画に利用してみた！
まずは簡単なテストから
#MadeWithTFJS #TensorFlow #TensorFlowJS
1
1
13
1,211
17 May 2024
2
14
1,221
今まで #MediaPipe を使う中で、利用していなかった
landmarks の z座標と、worldLandmarks の座標
それを、とりあえず #p5js の WEBGLモードにしたキャンバス上に描画をしてみるというテスト
（取得した値に補正をかけている部分の一部は、要調整かな）
#MadeWithTFJS #TensorFlow #TensorFlowJS
2
7
1,281
以前試作してた #p5js の createFilterShader() でのカスタムシェーダーと、 #MediaPipe とを組み合わせた、指先にまとわせるグローエフェクト
以前は、片手の 5本の指に描画してみていたのを、今回は両手の 10本の指に対応できるように変えてみた
#MadeWithTFJS #TensorFlow #TensorFlowJS
#p5js の createFilterShader() でのカスタムシェーダーで作ったグローエフェクト
それを片手の 5本の指にそれぞれまとわせる描画をした上で、カメラの前で両手をいろいろ動かしてみてたら、面白い見た目が作れた！
例によって #MediaPipe との組み合わせ
#MadeWithTFJS #TensorFlow #TensorFlowJS
4
58
3,909
昨日の北海道での親子向けイベント「美唄デジタル見本市」に、作品 2つを展示して来ました！
どちらも来場した子達に、ワイワイ楽しんでもらえて良かったです！
こちらは、「透明マント・光学迷彩」の作品を体験してもらっている時の様子
#p5js #MediaPipe #MadeWithTFJS #TensorFlow #TensorFlowJS
10
3,092
9 Mar 2024
Made a simple tool to help me understand Tensors and Tensor Shapes better while learning #TensorFlow JS
#MadeWithTFJS #TensorFlow #AI #MachineLearning
rmatter.com/apps/tools/tenso…
2
270
6 Mar 2024
I have to thank @GantLaborde for introducing me to TensorFlow.js!
Also @sqcai for his awesome book!
#madewithtfjs #MLweb
1
1
5
529
6 Mar 2024
My next paper was accepted, and it will appear on
Revista de Informática Teórica e Aplicada
#javascript #healthinformatics #medicine #madewithtfjs #tensorflowjs
medrxiv.org/content/10.1101/…
@ritainfufrgs
1
3
211
#p5js の createFilterShader() でのカスタムシェーダーで作ったグローエフェクト
それを片手の 5本の指にそれぞれまとわせる描画をした上で、カメラの前で両手をいろいろ動かしてみてたら、面白い見た目が作れた！
例によって #MediaPipe との組み合わせ
#MadeWithTFJS #TensorFlow #TensorFlowJS
2
31
4,303
先ほどの #p5js の createFilterShader() でのカスタムシェーダーで作ったグローエフェクト、それを #MediaPipe JavaScript版と組み合わせた試作！
追従性能を確認するため、指の位置や手の形をけっこう動かしたのだけど、良い感じについてきてる！
#MadeWithTFJS #TensorFlow #TensorFlowJS
#p5js の createFilterShader() でのカスタムシェーダーで作ったグローエフェクトを、JavaScript側から位置を変えたり、シェーダー側で作った色変化の影響を少し残すアニメーションにしたものを試した
3
21
2,036
写真 1枚目、 #DGであそぼ に出展した『「透明マント・光学迷彩」の Webアプリ』を体験いただいた際の写真が！
一眼のカメラを片手に持ちつつで、セルフで両手を使うこのアプリを撮影されている！
protopedia.net/prototype/315…
#p5js #MediaPipe
#MadeWithTFJS #TensorFlow #TensorFlowJS
10 Feb 2024
今回私自身作品出展はしてないのですが、撮影の合間におせっかいながら @Zakkiea さん @neet2121 さんの不在時にブースフォローをしてました。
ただ、@shigezo さんの「LEDを点灯して（ぶっ壊して）みよう」をノリノリでフォローしたのはやりすぎだ。反省することしきりですいません。
#DGであそぼ
2
866
#DGであそぼ に出展した2作品のうちの 1つ『「透明マント・光学迷彩」の Webアプリ』を、 @pscmps さんに体験いただけた！
protopedia.net/prototype/315…
#p5js #MediaPipe
#MadeWithTFJS #TensorFlow #TensorFlowJS
5
849
今回の #DGであそぼ の展示の 2つ目 は、 #TeachableMachine と #toio の作品
2020年のメーカーフェア（ #MFTokyo2020 と #TMMF2020 ）の #toiotomo ブースではWeb Bluetooth 実装だったものを、
#p5js と #ml5js 、 #p5toio の実装にして出してます！
#MadeWithTFJS #TensorFlow #TensorFlowJS
3
22
2,923
今回の #DGであそぼ の自分の展示は 2つ
1つは #NT東京 にも出していた #IoTLT ブースにも出した「透明マント／光学迷彩ができる Webアプリ」です！
#p5js と #MediaPipe での実装
早速、体験もしてもらえてます！
（写真の掲載許可もらえたもの）
#MadeWithTFJS #TensorFlow #TensorFlowJS
2
17
3,624
前の単純なボール状の見た目だったところが、ぼんやり光る不思議な感じになったのが良い感じかも。
#p5play #p5js #MediaPipe
#MadeWithTFJS #TensorFlow #TensorFlowJS
前に試作した #p5play の物理演算エンジン、 #p5js の描画と #MediaPipe の Hand landmarks detection を合わせたゲーム的なもの（？）
これに、最近いろいろお試し中の createFilterShader() でのカスタムシェーダーによるグローエフェクトを足してみた！
#MadeWithTFJS #TensorFlow #TensorFlowJS
2
9
1,201
23 Dec 2023
how long can you hold a handstand? well i thought i would use some ai to answer that.. (if i could really do one).. here’s a sneak peak of a #tensorflow web app running almost real time on mobile #posenet #madewithtfjs #webml #blazepose #mediapipe #js
1
3
738
19 Dec 2023
We have collaborated with @Google to launch a new course in machine learning for the next generation web development. The course is open to anyone anywhere in the world. @jason_mayes #TensorFlowJS #MadeWithTFJS #WebAI #WebML
Find out more: arts.ac.uk/about-ual/press-o…
2
3
10
1,430