hands on opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!
TRANSCRIPT
![Page 1: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/1.jpg)
画像処理ライブラリを使って面白いプログラムを作ろう!
長崎県立大学 国際情報学部 情報メディア学科吉村ゼミ
![Page 2: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/2.jpg)
だれ
• 名前:片渕 小夜(カタフチ サヤ)
• 所属:国際情報学研究科 情報メディア専攻 1年
• 研究:Deep Learningを用いた機械学習アルゴリズムの考察ーCaffeを利用した角膜内皮細胞認識ー
• メール:m2215001以下大学ドメイン
• 趣味:TVゲーム
プログラミング
Video Jockey&Disk Jockey
![Page 3: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/3.jpg)
質問です!
プログラミングの授業,楽しんでますか?
![Page 4: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/4.jpg)
配列とか何に使うねん…
つーかこれ何の役に立つの?
![Page 5: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/5.jpg)
同期も同じように悩んでました
![Page 6: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/6.jpg)
それでプログラミングがニガテ・嫌いになってしまった人もいました
![Page 7: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/7.jpg)
プログラミングを“理解”するのではなく,プログラミングを“楽しむ”ことが大切です
![Page 8: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/8.jpg)
そしてプログラミングを楽しむには
自分でモノを作るのが一番!
![Page 9: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/9.jpg)
つくったもの(括弧内は開発言語)
• PoMusiAm(Unity,Javascript+C#):ARで博物館を体験できるスマートフォンアプリhttp://digicon.me/archive/02/
• AR+Video Jockey Interface(vvvv):安価で扱いやすいVJインターフェースhttps://vimeo.com/133156900
• Sharerial(HTML5+CSS,PHP):ハンドメイド素材をシェアするWebサービスhttp://sharerial.azurewebsites.net/
• ぎゃおちゃんゆるゆるすたんぷ:LINEクリエイターズスタンプhttps://store.line.me/stickershop/product/1183159/ja
→売り上げが伸びると晩酌が発泡酒からビールに変わります
![Page 10: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/10.jpg)
プログラミングめっちゃわかるマンに
なる必要はないです
(自分もよくわかってない部分あります)
「こんなプログラム書いたら
こう動くんだ~」
という軽い気持ちで楽しんでください
![Page 11: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/11.jpg)
この講義で使うドキュメント
Web上で公開しています
https://www.gitbook.com/book/reiji1020/play-opencv/details
原則,このドキュメントを参照しながら講座を進めていくので
講座期間中はブックマークに追加しておいてください.
このスライドも毎週Web上にアップロードします
http://www.slideshare.net/yomoyamareiji
ダウンロードも可能にしているので,復習に使用してください
![Page 12: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/12.jpg)
今回はネタとして
をつかいます
![Page 13: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/13.jpg)
• 2006年に開かれた地方博覧会で,2007年から規模を縮小し継続したイベント.
• 東山手・ベイサイド・丸山花街などテーマに沿ったコースが用意されており,実際にコースをさるいて(歩いて)貰うことで長崎の街を堪能してもらう事が目的.
• 特に「長崎食さるく」という食事付きのコースは県外・県内問わず人気.
![Page 14: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/14.jpg)
長崎国際観光コンベンション協会がこのようなコースマップを提供しています
![Page 15: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/15.jpg)
表紙がカラフル!おしゃれ!どんなコースを巡るのか
わかりやすい!
![Page 16: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/16.jpg)
パンフレットの色を認識して,
このコースに沿った情報をもっとたくさん提供してみよう!
![Page 17: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/17.jpg)
パンフレットの色分け例
→黄色 →青 →灰色
![Page 18: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/18.jpg)
パンフレットの色分け例
→黄色 →青 →灰色
一緒にこのパンフレットを認識するようなプログラムを作りましょう
![Page 19: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/19.jpg)
イメージ
さるくパンフレット
パソコン USBカメラ
接続 撮影
![Page 20: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/20.jpg)
イメージ
さるくパンフレット
パソコン USBカメラ
接続 撮影
黄色を認識したら,このコースのWebページを表示するよ!
![Page 21: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/21.jpg)
このシステムを作るうえで必要なプログラムとは?
1. USBカメラで映像を するプログラム
2. 撮影した映像の中から色を するプログラム
3. 認識した色を元に, を表示するプログラム
![Page 22: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/22.jpg)
このシステムを作るうえで必要なプログラムとは?
1. USBカメラで映像を撮影するプログラム
2. 撮影した映像の中から色を認識するプログラム
3. 認識した色を元に,Webページを表示するプログラム
![Page 23: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/23.jpg)
次週から1つずつ作っていきましょう!
![Page 24: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/24.jpg)
今日は来週からの演習のための準備をします
![Page 25: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/25.jpg)
画像処理プログラミングの強い味方「OpenCV」
画像処理プログラミングに必要なプログラムを予め作ってまとめたもの(ライブラリといいます)
• カラー画像を白黒画像に変換するプログラム• 読み込んだ画像の輪郭を抽出するプログラム• 画像の中から人の顔を抽出するプログラム
このように複雑なプログラムも,あっという間に作れるようになります!
![Page 26: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/26.jpg)
https://reiji1020.gitbooks.io/play-opencv/content/install.html
OpenCVのインストール方法
![Page 27: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/27.jpg)
環境変数とは
• 実行ファイルが存在するディレクトリなど,オペレーティングシステム上で動作するアプリケーションが使用する可能性のあるパスを予め変数として設定しておくこと
• 例)VisualStudioでOpenCVを使用するとき,オペレーティングシステムがOpenCVの場所を覚えていれば,OSはVisualStudioにOpenCVのある場所を教えてあげられる
![Page 28: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/28.jpg)
• Microsoft社が開発した統合開発環境(IDE).
• 現在の最新版はVisualStudio2015Community
• Windows用プログラム,スマートフォンアプリ,Webサービスなど様々なソフトウエアを開発することができます
![Page 29: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/29.jpg)
を使ってみよう
https://reiji1020.gitbooks.io/play-opencv/content/usevs.html
![Page 30: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/30.jpg)
ちゅうい
• 色が全然違う(白い)
• メニューバーの数が違う
• ウインドウの配置が違う
この点については私がVisual Studioの設定を弄っているだけなので
少し違いがあっても問題ありません
![Page 31: Hands On OpenCV! 画像処理ライブラリを使って面白いプログラムを作ろう!](https://reader033.vdocuments.site/reader033/viewer/2022050614/58896f301a28ab44758b6207/html5/thumbnails/31.jpg)
次週
• USBカメラ(インサイトカメラ)を使用して映像を撮影するプログラムを作ってみましょう