- Taka_Yoshinaga
- 4593
- 8
- 5
- 13
今回はMediaPipeとOpenCVを使ったカメラフィルタアプリ
明日はこちらであそぶ予定です〜 #AR_Fukuoka ハンズオン PCがリセット後なのでGlitchにログインできるか試さねば twitter.com/jun_mh4g/statu…
2021-09-24 11:23:488か月ぶりのMediapipe活用ハンズオンかな('ω') あんまり分かってないのでまた勉強する('ω')// AI x OpenCV x WebXR: Selfie Segmentationを使ってみよう xr-fukuoka.connpass.com/event/223467/ #AR_Fukuoka
2021-08-29 19:01:11#AR_Fukuoka お昼からはこちら('ω') glitchに入れたからあとはほかの作業しながら待機しよう('ω') pic.twitter.com/uRx7U7iyeR
2021-09-25 11:49:34今日はこちら!ただいま準備中。 AI x OpenCV x WebAR: Selfie Segmentationを使ってみよう xr-fukuoka.connpass.com/event/223467/ #AR_Fukuoka #mediapipe #opencv #webar
2021-09-25 12:21:06#AR_Fukuoka はじまりました('ω')888888 OpenCVを使って遊ぶ回 pic.twitter.com/xp9orq93VR
2021-09-25 13:38:37#AR_Fukuoka いつものダウンロードページ サンプルのコードが分からなくなったらセクションごとにコピペして追いつけますぞ pic.twitter.com/TAJYQK40Hy
2021-09-25 13:42:07ハッシュタグは #AR_Fukuoka ARコンテンツ作成勉強会 よしながさん 医療支援や運動計測、3Dビデオ配信など 勉強会はハンズオン中心 少人数 しっかり進捗見ながら初心者もゴールできる内容 zoomはチャット欄・音声でサポート youtubeは基本的に視聴のみ コロナなければ全国回ってます pic.twitter.com/twdtL0JvsT
2021-09-25 13:49:20#AR_Fukuoka 本日のゴール 背景と人物の分離と、エフェクトかけ pic.twitter.com/ul0K1amIer
2021-09-25 13:50:30OpenCVてどうすんだろと思ってたら、opencv.jsてライブラリあるんだ…今まで知らなかったw #AR_Fukuoka
2021-09-25 13:55:48#AR_Fukuoka テンプレのプロジェクトページに行って、自分のアカウントのプロジェクトに複製するパート カメラ許可をOKするけど今回はいったんプレビューOFF ソースはindex.htmlのタブで確認 ここを編集する pic.twitter.com/hxhMUvLreC
2021-09-25 13:58:43カメラ映像を表示するまでの手順解説
#AR_Fukuoka 手順の概要 テンプレの中身 3ブロックに分かれてる ライブラリの読み込みパート 作りたい処理を書くパート 描画領域の配置などのパート 描画領域 IDを振ってビデオ入力とキャンバス(最終出力と途中チェックの二枚)を管理 サイズが未指定なので残り二枚はまだ未表示 pic.twitter.com/WjdBhTUi0y
2021-09-25 14:07:52#AR_Fukuoka ライブラリ3つ Open CV Camera Utils mediapipeで使いやすくするツール Selfie Segmentation pic.twitter.com/MW81A9S23Z
2021-09-25 14:11:17#AR_Fukuoka Java Script の処理の部分も三つ 変数宣言 初期化 表示・カメラなど(変数と信号との関連付け) 認識結果への処理 pic.twitter.com/PBBuoZfBN3
2021-09-25 14:16:14#AR_Fukuoka 関連付けのようす 2Dのお絵描き機能を取得する→変数CanvasCtxに割り当て SelfieSegmentation 関連ファイルの読み込みとオプション設定(学習モデルの選択) 公式サンプルは1だけど今回は0で進行 connpassページからの事前動作確認でリンクが二種類あったのは学習モデルの違いだった pic.twitter.com/nAIjdb7NgT
2021-09-25 14:22:28#AR_Fukuoka 処理に渡して結果がでたら何かをしてね なパーツ onResultsは二つ出てくるけど役割が別のものと思うべし pic.twitter.com/MkGIxx4yjH
2021-09-25 14:27:13#AR_Fukuoka カメラのサイズきめて、入力後の動作を指定、スタート pic.twitter.com/ijK6qBfiR7
2021-09-25 14:30:46Selfie Segmentationの結果を表示してみよう
#AR_Fukuoka 初期のサイズ指定はビデオの二倍サイズ 背景を消して画像処理の元画像を表示 コピペ実演 pic.twitter.com/SFYNClXu1D
2021-09-25 14:44:20#AR_Fukuoka プレビューを確認するお時間 二倍になりました pic.twitter.com/ZNgdulSwA3
2021-09-25 14:48:32#AR_Fukuoka コピペをしくじりまくって絶望したら積算のソースコードもチェックポイントごとにあるのでそっちを貼るといいよ とのこと pic.twitter.com/1g7B7zqxiD
2021-09-25 14:51:22#AR_Fukuoka 描画内容を変更 人物のところ→着色 人がいないとこ→透過 pic.twitter.com/Q9shgVqiQt
2021-09-25 14:58:52